gter.net/gterFang
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改我的消息数据统一

Browse Source
This commit is contained in:
A1300399510 2023-07-28 12:21:44 +08:00
parent 9cae13f193
commit c03ac58125
3 changed files with 24 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -2,7 +2,8 @@
<div class="watch-box" v-show="show">
<div class="pos-r dis-f al-item mg-t-60">
<div class="s-w-100">
<el-carousel arrow="never" height="600px" :autoplay="false" indicator-position="none" ref="carousel">
<el-carousel arrow="never" height="600px" :autoplay="false" :initial-index="props.index"
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" style="width:600px" v-if="item['type'] != 'attachment'">
@ -52,6 +53,7 @@ const props = defineProps({
return []
}
},
index: Number,
close: {
type: Function
},
@ -67,6 +69,8 @@ let close = props.close
let carousel = ref(null)
let imageTab = ref(0)
if(!props['index']) imageTab = props['index']
//上一张
let prev = () => {
if (imageTab.value === list.value.length - 1) return

24
src/views/apartmentDetail.vue
View File

@ -23,14 +23,15 @@
</div>
<div class="header-content flexflex">
<div class="header-left">
<image-watch style="z-index: 1003;" arrow="never" :show="imageShow" :close="cloaseImageShow"
:list="imageList"></image-watch>
<image-watch style="z-index: 1003;" arrow="never" :index="5" :show="imageShow"
:close="cloaseImageShow" :list="imageList"></image-watch>
<div class="slideshow">
<el-carousel :autoplay="false" arrow="never" indicator-position="none" ref="remarkCaruselUp"
@change="carouselChange">
<el-carousel-item class="flexcenter" v-for="(item, index) in allCarouselsData">
<img v-if="index >= carouselIndex - 1 && index <= carouselIndex + 1" class="img"
:src="item['image'] || item['imageurl']" @click="cloaseImageShow(allCarouselsData)">
:src="item['image'] || item['imageurl']"
@click="cloaseImageShow(allCarouselsData, carouselIndex)">
</el-carousel-item>
</el-carousel>
<div class="indicate-type flexacenter" v-if="indicateTypeState()">
@ -142,13 +143,13 @@
src="@/assets/img/publicImage/gray-arrow.svg" alt="">
</div>
<div class="media-list flexacenter no-scrollbar" :class="`element${index}`">
<div class="media-item flexcenter" v-for="it in item['videos']"
@click="cloaseImageShow([...item['videos'], ...item['images']])">
<div class="media-item flexcenter" v-for="(it,i) in item['videos']"
@click="cloaseImageShow([...item['videos'], ...item['images']], i)">
<img class="media-img" v-lazy="it['thumbnail']">
<img class="media-icon" src="@/assets/img/apartmentDetail/media-icon.svg" />
</div>
<div class="media-item flexcenter" v-for="it in item['images']"
@click="cloaseImageShow([...item['videos'], ...item['images']])">
<div class="media-item flexcenter" v-for="(it,i) in item['images']"
@click="cloaseImageShow([...item['videos'], ...item['images']], i)">
<img class="media-img" v-lazy="it['thumbnail']">
</div>
</div>
@ -426,8 +427,13 @@ const { wechat } = toRefs(store.state);
let imageShow = ref(false) // 查看大图弹窗的状态
let imageList = ref([]) // 查看大图弹窗的状态
const cloaseImageShow = (list) => {
if (list) imageList.value = list
let imageIndex = ref(0) // 查看大图弹窗的状态
const cloaseImageShow = (list, index) => {
if (list) {
console.log("index", index);
imageList.value = list
imageIndex.value = index
}
imageShow.value = !imageShow.value
}

6
src/views/user.vue
View File

@ -22,7 +22,7 @@
</div>
</div>
<div class="info-right flexacenter">
<div class="operate-item message flexcenter" @click="systematicState = true">
<div class="operate-item message flexcenter" @click="systematicState = true; newmessagenum = 0">
<div class="operate-item-shell flexcenter">
<div class="newmessagenum flexcenter" v-if="newmessagenum > 0">{{ newmessagenum }}</div>
<img class="operate-icon" src="@/assets/img/publicImage/message-icon.svg">
@ -109,7 +109,6 @@
<!-- 系统通知弹窗 -->
<systematic-notification-pop v-if="systematicState" @close="systematicState = false"></systematic-notification-pop>
<back-to-top></back-to-top>
</template>
<script setup>
@ -127,6 +126,7 @@ import { useRoute, useRouter } from 'vue-router';
import { ElLoading, ElMessage } from 'element-plus'
import Masonry from 'masonry-layout';
import store from '@/store/index';
const { proxy } = getCurrentInstance()
@ -181,6 +181,8 @@ const init = () => {
user.value = data.user
count.value = data.count
newmessagenum.value = data.newmessagenum
store.state.user['messagenum'] = data.newmessagenum
validityidentity.value = data.validityidentity
}).finally(() => { })
}