Skip to content

V
vue-ssr
Commit 7361a3dc authored by lixy's avatar lixy
Browse files
Options

首页banner

parent 8c690b8c
Hide whitespace changes
Inline Side-by-side
Showing with 17 additions and 17 deletions
components/banner.vue
View file @ 7361a3dc
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
<div class="box"> <div class="box">
<ul> <ul>
<li v-for="(item, index) in list" :key="item.id" :class="index === current ? 'active' : ''" @click="bannerClick(index, item)"> <li v-for="(item, index) in list" :key="item.id" :class="index === current ? 'active' : ''" @click="bannerClick(index, item)">
<img :src= "item.cover" style="width:100%;height:100%;min-height: 350px;" :alt="item.title"/> <img :src= "item.cover" style="width:100%;height:560px;min-height: 350px;" :alt="item.title"/>
</li> </li>
</ul> </ul>
<div class="status"> <div class="status">
...@@ -152,27 +152,27 @@ ...@@ -152,27 +152,27 @@
display: flex; display: flex;
justify-content: center; justify-content: center;
} }
@media screen and (max-width:1366px){ /*@media screen and (max-width:1366px){*/
.box{ /*.box{*/
position:relative; /*position:relative;*/
height:380px; /*height:380px;*/
min-height: 350px; /*min-height: 350px;*/
} /*}*/
} /*}*/
@media screen and (min-width:1366px) and (max-width:1920px){ /*@media screen and (min-width:1366px) and (max-width:1920px){*/
.box{ /*.box{*/
position:relative; /*position:relative;*/
height:420px; /*height:420px;*/
min-height: 350px; /*min-height: 350px;*/
} /*}*/
} /*}*/
@media screen and (min-width:1920px){ /*@media screen and (min-width:1920px){*/
.box{ .box{
position:relative; position:relative;
height:560px; height:560px;
min-height: 350px; min-height: 350px;
} }
} /*}*/
span{ span{
display:block; display:block;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment