XiaoMo/gterFang
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改点击预览下标错误问题

Browse Source
This commit is contained in:
A1300399510
2024-09-27 16:26:08 +08:00
parent 70c375c034
commit a46b797594
8 changed files with 12 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/detail/imageWatch.vue
View File

@@ -3,7 +3,7 @@
<div class="watch-box">
<div class="pos-r dis-f al-item jus-x mg-t-60">
<div class="carousel-w">
<el-carousel arrow="never" height="600px" :autoplay="false" :initial-index="props.index" indicator-position="none" ref="carousel" @change="carouselChange">
<el-carousel arrow="never" height="600px" :autoplay="false" :initial-index="index" indicator-position="none" ref="carousel" @change="carouselChange">
<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" v-if="item['type'] != 'attachment'" style="align-items: center;">
@@ -20,6 +20,7 @@
<img src="../../assets/img/detail/imageArrowIcon.svg" class="image-arrow-icon left-arrow" @click="prev" alt="" />
<img src="../../assets/img/detail/imageArrowIcon.svg" class="image-arrow-icon right-arrow" @click="next" alt="" />
</div>
{{ index }}
<div class="tab-text">{{ `${imageTab + 1}/${list.length}` }}</div>
<div class="dis-f jus-x al-item">
<div class="list-img-box dis-f al-item jus-x">
@@ -98,6 +99,7 @@ onMounted(() => {
watchEffect(() => {
show = props.show
list.value = props.list
imageTab.value = props.index
// carousel.value.setActiveItem(props.index)
})
})