修改bug

This commit is contained in:
A1300399510
2023-07-28 18:52:25 +08:00
parent 088e684466
commit 1e74a491ce
5 changed files with 22 additions and 25 deletions

View File

@@ -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 {

View File

@@ -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')
}) })

View File

@@ -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 {

View File

@@ -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 {

View File

@@ -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>