当前位置：首页 > news >正文

多商户1.8.1版本前端问题优化集合指南

news 来源：原创 2025/5/20 5:17:42

1、逛逛社区上传一张图时，进入详情页面显示不出来

修改路径：pages ---> discover ---> components ---> discoverDetails.vue 解读：这里是因为图片高度没有定义，图片没显示出来。修改如下：

<!--逛逛类型为视频，或者类型为图片，且图片有一张的时候  --><view v-if="noteDetails.type ===2 || aPicture"><view class="cover" @click="goDetail(noteDetails)"><easy-loadimage mode="heightFix" :image-src="noteDetails.cover" :height="imageH*2+'rpx'"></easy-loadimage><view v-if="noteDetails.type ===2" class="circle"><text class="iconfont icon-24gf-play"></text></view></view></view>
computed: {//一张图片aPicture(){return this.noteDetails.type ===1 && this.noteDetails.image && this.noteDetails.image.split(',').length===1},
},

2、【平台后台-积分商城、商户后台-商品管理】商品上传视频后，轮播图第一个位置会展示出图片丢失的样式问题

修改路径：商户端：views ---> product ---> creatProduct ---> index.vue

平台端：views ---> marketing ---> pointsMall ---> creatProduct ---> index.vue

解读：此问题是因为视频与轮播图是放在同一集合中，在移动端轮播中使用，原代码把视频重复塞入轮播集合中，导致在图片标签中展示视频链接，出现错误展示，修改如下：

//保存接口数据更新
getFromData() {//如果有视频主图，将视频链接插入到轮播图第一的位置if (this.videoLink) {if (!this.formValidate.sliderImages) {this.formValidate.sliderImages = [];}// 确保视频链接不在数组中const videoIndex = this.formValidate.sliderImages.indexOf(this.videoLink);if (videoIndex > -1) {this.formValidate.sliderImages.splice(videoIndex, 1);}this.formValidate.sliderImages.unshift(this.videoLink);}
}