图片查看

This commit is contained in:
2023-07-25 18:17:45 +08:00
parent b39a23dc70
commit f94ef15476
6 changed files with 226 additions and 121 deletions

View File

@@ -5,9 +5,12 @@
<el-carousel arrow="never" height="600px" :autoplay="false" indicator-position="none" ref="carousel">
<el-carousel-item v-for="(item, i) in list" :key="i">
<div class="dis-f jus-x al-item" v-if="item">
<div class="img-box dis-f jus-x">
<div class="img-box dis-f jus-x" v-if="!item.thumbnail">
<img :src="item&&item.url" class="img" alt="">
</div>
<div class="img-box dis-f jus-x" v-if="item.thumbnail">
<video :src="item&&item.url" class="img"></video>
</div>
</div>
</el-carousel-item>
</el-carousel>
@@ -21,12 +24,12 @@
<div class="dis-f jus-x al-item">
<div class="list-img-box dis-f al-item jus-x">
<div v-for="(item, i) in list" :key="i">
<!-- <div class="voide" :class="{ 'select-box': imageTab === i }">
<div class="voide" :class="{ 'select-box': imageTab === i }" v-if="!item.thumbnail">
<div class="icon-box dis-f jus-x al-item">
<img src="" class="icon" alt="">
<img :src="item.image" class="icon" alt="">
</div>
</div> -->
<div class="img-box-s dis-f jus-x" :class="{ 'select-box': imageTab === i }">
</div>
<div class="img-box-s dis-f jus-x" v-if="item.thumbnail" :class="{ 'select-box': imageTab === i }">
<img :src="item.thumbnail" alt="" class="img-s">
</div>
</div>