修改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 left-arrow" @click="prev" alt="">
|
||||||
<img src="../../assets/img/detail/imageArrowIcon.svg" class="image-arrow-icon right-arrow" @click="next" alt="">
|
<img src="../../assets/img/detail/imageArrowIcon.svg" class="image-arrow-icon right-arrow" @click="next" alt="">
|
||||||
</div>
|
</div>
|
||||||
<div class="tab-text">
|
<div class="tab-text">{{ `${imageTab + 1}/${list.length}` }}</div>
|
||||||
{{ `${imageTab + 1}/${list.length}` }}
|
|
||||||
</div>
|
|
||||||
<div class="dis-f jus-x al-item">
|
<div class="dis-f jus-x al-item">
|
||||||
<div class="list-img-box dis-f al-item jus-x">
|
<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;">
|
<div v-for="(item, i) in list" :key="i" @click="watchSet(i)" class="pos-r" style="margin-bottom: 10px;">
|
||||||
@@ -42,7 +40,7 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import { reactive, onMounted, ref, defineProps, watchEffect } from 'vue'
|
import { reactive, onMounted, ref, defineProps, watchEffect, watch } from 'vue'
|
||||||
// type 的类型代表 attachment 图片 videos 视频 lives 直播
|
// type 的类型代表 attachment 图片 videos 视频 lives 直播
|
||||||
const props = defineProps({
|
const props = defineProps({
|
||||||
//url:展示图 thumbnail:缩略图
|
//url:展示图 thumbnail:缩略图
|
||||||
@@ -95,11 +93,14 @@ onMounted(() => {
|
|||||||
watchEffect(() => {
|
watchEffect(() => {
|
||||||
show = props.show
|
show = props.show
|
||||||
list.value = props.list
|
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>
|
</script>
|
||||||
<style scoped>
|
<style scoped>
|
||||||
img {
|
img {
|
||||||
|
|||||||
16
src/main.js
16
src/main.js
@@ -72,13 +72,13 @@ app.use(lazyPlugin)
|
|||||||
app.use(store).use(router).use(Axios)
|
app.use(store).use(router).use(Axios)
|
||||||
|
|
||||||
api.index().then(res => {
|
api.index().then(res => {
|
||||||
store.state.seachTypeData = res.data.combination
|
store.state.seachTypeData = res.data.combination
|
||||||
store.state.indexData = res.data
|
store.state.indexData = res.data
|
||||||
store.state.ListSelectBtn = res.data.recommendedTab
|
store.state.ListSelectBtn = res.data.recommendedTab
|
||||||
store.state.user = res.data.user
|
store.state.user = res.data.user
|
||||||
store.state.nav = res.data.nav
|
store.state.nav = res.data.nav
|
||||||
store.state.wechat = res.data.wechat
|
store.state.wechat = res.data.wechat
|
||||||
store.state.apartment = res.data.config.apartment
|
store.state.apartment = res.data.config.apartment
|
||||||
}).finally(()=>{
|
}).finally(() => {
|
||||||
app.mount('#app')
|
app.mount('#app')
|
||||||
})
|
})
|
||||||
@@ -1422,13 +1422,13 @@ const publicJump = path => router.push(path)
|
|||||||
&::after {
|
&::after {
|
||||||
content: "";
|
content: "";
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 10px;
|
width: 0;
|
||||||
height: 10px;
|
height: 0;
|
||||||
background-color: #fff;
|
|
||||||
transform: rotate(45deg) translateX(-50%);
|
|
||||||
left: 50%;
|
left: 50%;
|
||||||
bottom: -14px;
|
bottom: -12px;
|
||||||
z-index: -1;
|
border-left: 7px solid transparent;
|
||||||
|
border-right: 7px solid transparent;
|
||||||
|
border-top: 8px solid #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.same-brand-icon {
|
.same-brand-icon {
|
||||||
|
|||||||
@@ -1991,6 +1991,7 @@ export default {
|
|||||||
right: 0;
|
right: 0;
|
||||||
z-index: 100;
|
z-index: 100;
|
||||||
transform: translate(50%, -50%);
|
transform: translate(50%, -50%);
|
||||||
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.media-img {
|
.media-img {
|
||||||
|
|||||||
@@ -24,12 +24,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- <<<<<<< HEAD
|
|
||||||
<loadMoreText v-if="loading" loadText="加载中...."></loadMoreText>
|
|
||||||
<loadMoreText loadText="到底了"></loadMoreText>
|
|
||||||
======= -->
|
|
||||||
<loadMoreText :loadText="loadingText"></loadMoreText>
|
<loadMoreText :loadText="loadingText"></loadMoreText>
|
||||||
<!-- >>>>>>> origin/main -->
|
|
||||||
<listBtmPrompt></listBtmPrompt>
|
<listBtmPrompt></listBtmPrompt>
|
||||||
<footerTool></footerTool>
|
<footerTool></footerTool>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user