dengjie commit : 轮播图修改样式

This commit is contained in:
clay
2022-10-03 17:28:30 +08:00
parent 6f398077e5
commit b8e3653069
3 changed files with 218 additions and 120 deletions

View File

@@ -19,41 +19,40 @@
</div>
</div>
<!--录播图-->
<el-row>
<el-col :xs="1" :sm="2" :md="2" :lg="3" :xl="5">
<div class="grid-content"></div>
</el-col>
<el-col :xs="22" :sm="20" :md="20" :lg="18" :xl="14">
<div class="slideshow">
<el-carousel trigger="click" height="23.3vw">
<el-carousel-item v-for="(item,index) in bannerDate" :key="index">
<div v-show="$i18n.locale === 'cn'" @click="clickTo(item.link)">
<img :src="item.imgurl" alt="">
<div class="bottom_title">
<el-row>
<el-col :offset="2" :span="18">
{{ item.title }}
</el-col>
</el-row>
</div>
</div>
<div v-show="$i18n.locale === 'en'" @click="clickTo(item.enLink)">
<img :src="item.imgurl" alt="">
<div class="bottom_title">
<el-row>
<el-col :offset="2" :span="18">
{{ item.enTitle }}
</el-col>
</el-row>
</div>
</div>
</el-carousel-item>
</el-carousel>
</div>
</el-col>
</el-row>
<!-- <el-row>-->
<!-- <el-col :xs="1" :sm="2" :md="2" :lg="3" :xl="5">-->
<!-- <div class="grid-content"></div>-->
<!-- </el-col>-->
<!-- <el-col :xs="22" :sm="20" :md="20" :lg="18" :xl="14">-->
<!-- <div class="slideshow">-->
<!-- <el-carousel trigger="click" height="23.3vw">-->
<!-- <el-carousel-item v-for="(item,index) in bannerDate" :key="index">-->
<!-- <div v-show="$i18n.locale === 'cn'" @click="clickTo(item.link)">-->
<!-- <img :src="item.imgurl" alt="">-->
<!-- <div class="bottom_title">-->
<!-- <el-row>-->
<!-- <el-col :offset="2" :span="18">-->
<!-- {{ item.title }}-->
<!-- </el-col>-->
<!-- </el-row>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div v-show="$i18n.locale === 'en'" @click="clickTo(item.enLink)">-->
<!-- <img :src="item.imgurl" alt="">-->
<!-- <div class="bottom_title">-->
<!-- <el-row>-->
<!-- <el-col :offset="2" :span="18">-->
<!-- {{ item.enTitle }}-->
<!-- </el-col>-->
<!-- </el-row>-->
<!-- </div>-->
<!-- </div>-->
<!-- </el-carousel-item>-->
<!-- </el-carousel>-->
<!-- </div>-->
<!-- </el-col>-->
<!-- </el-row>-->
<!--轮播图下的新闻-->
<el-row>