yangprivate-web/kdofficial
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 32 Wiki Activity

首页横幅部署

Browse Source
This commit is contained in:
zhcnyuyang 2025-05-11 13:54:51 +08:00
parent 4b82c6b546
commit 5951b9d4f2
1 changed files with 16 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/components/ExampleItem.vue
View File

@ -1,7 +1,9 @@
<template> <template>
<div id="passageroot" class="pageroot"> <div id="passageroot" class="pageroot">
<div id="passagebanner" class="pagebanner"> <div id="passagebanner" class="pagebanner">
<div id="bannercontentfill" class="pagebanner" <img :src="`http://cms.yangprivate.site${psginfo.headimage.formats.large.url}`"
alt="" id="bannerimg"/>
<div id="bannercontentfill"
style="width: 100%;height: 100%; style="width: 100%;height: 100%;
background-color: rgba(0,0,0,0.5);"> background-color: rgba(0,0,0,0.5);">
<div class="bannercontent"> <div class="bannercontent">
@ -111,10 +113,23 @@ export default {
@import "src/publicstyle.scss"; @import "src/publicstyle.scss";
#bannercontentfill{ #bannercontentfill{
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
}
#bannerimg{
z-index: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
} }
#passagebanner{ #passagebanner{
position: relative;
@include media-breakpoint-between(xs, md) { @include media-breakpoint-between(xs, md) {
background-image: url('/ExamplesRes/Examplesbanner_wep.png'); background-image: url('/ExamplesRes/Examplesbanner_wep.png');
} }