修改bug
This commit is contained in:
@@ -19,9 +19,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>
|
||||
<div class="tab-text">
|
||||
{{ `${imageTab + 1}/${list.length}` }}
|
||||
</div>
|
||||
<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">
|
||||
<div v-for="(item, i) in list" :key="i" @click="watchSet(i)" class="pos-r" style="margin-bottom: 10px;">
|
||||
@@ -42,7 +40,7 @@
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { reactive, onMounted, ref, defineProps, watchEffect } from 'vue'
|
||||
import { reactive, onMounted, ref, defineProps, watchEffect, watch } from 'vue'
|
||||
// type 的类型代表 attachment 图片 videos 视频 lives 直播
|
||||
const props = defineProps({
|
||||
//url:展示图 thumbnail:缩略图
|
||||
@@ -95,10 +93,13 @@ onMounted(() => {
|
||||
watchEffect(() => {
|
||||
show = props.show
|
||||
list.value = props.list
|
||||
if (props.index >= 0) carousel.value.setActiveItem(props.index)
|
||||
// carousel.value.setActiveItem(props.index)
|
||||
})
|
||||
})
|
||||
|
||||
})
|
||||
watch(() => props.index, (newValue, oldValue) => {
|
||||
imageTab.value = newValue;
|
||||
});
|
||||
|
||||
</script>
|
||||
<style scoped>
|
||||
|
||||
@@ -1422,13 +1422,13 @@ const publicJump = path => router.push(path)
|
||||
&::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: #fff;
|
||||
transform: rotate(45deg) translateX(-50%);
|
||||
width: 0;
|
||||
height: 0;
|
||||
left: 50%;
|
||||
bottom: -14px;
|
||||
z-index: -1;
|
||||
bottom: -12px;
|
||||
border-left: 7px solid transparent;
|
||||
border-right: 7px solid transparent;
|
||||
border-top: 8px solid #fff;
|
||||
}
|
||||
|
||||
.same-brand-icon {
|
||||
|
||||
@@ -1991,6 +1991,7 @@ export default {
|
||||
right: 0;
|
||||
z-index: 100;
|
||||
transform: translate(50%, -50%);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.media-img {
|
||||
|
||||
@@ -24,12 +24,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <<<<<<< HEAD
|
||||
<loadMoreText v-if="loading" loadText="加载中...."></loadMoreText>
|
||||
<loadMoreText loadText="到底了"></loadMoreText>
|
||||
======= -->
|
||||
<loadMoreText :loadText="loadingText"></loadMoreText>
|
||||
<!-- >>>>>>> origin/main -->
|
||||
<listBtmPrompt></listBtmPrompt>
|
||||
<footerTool></footerTool>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user