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 @@
<div class="box">
<ul>
<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>
</ul>
<div class="status">
......@@ -152,27 +152,27 @@
display: flex;
justify-content: center;
}
@media screen and (max-width:1366px){
.box{
position:relative;
height:380px;
min-height: 350px;
}
}
@media screen and (min-width:1366px) and (max-width:1920px){
.box{
position:relative;
height:420px;
min-height: 350px;
}
}
@media screen and (min-width:1920px){
/*@media screen and (max-width:1366px){*/
/*.box{*/
/*position:relative;*/
/*height:380px;*/
/*min-height: 350px;*/
/*}*/
/*}*/
/*@media screen and (min-width:1366px) and (max-width:1920px){*/
/*.box{*/
/*position:relative;*/
/*height:420px;*/
/*min-height: 350px;*/
/*}*/
/*}*/
/*@media screen and (min-width:1920px){*/
.box{
position:relative;
height:560px;
min-height: 350px;
}
}
/*}*/
span{
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