maguodong/uniapp-ZHSQ
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

点评图片可以点击放大查看

Browse Source
This commit is contained in:
赵毅 2025-11-03 14:48:47 +08:00
parent f697ec362c
commit e646266c0b
1 changed files with 43 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

69
packages/localLife/detail/index.vue
View File

@ -12,11 +12,11 @@
<view class="title">{{ info.merchant_name }}</view>
<!-- <u-icon name="star-fill" color="#FFB84D" /> -->
<div class="startList">
<view class="startList">
<image v-for="index in 5" :key="index"
:src="index < item.rating ? 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_start1.png' : 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_start2.png'"
mode="aspectFill"></image>
</div>
</view>
<u-line margin="46rpx 0 30rpx 0" />
<view class="table">
@ -45,39 +45,39 @@
</view>
</view>
<view class="white_container detail" v-for="(item, index) in commentList" :key="index">
<div class="Msg">
<div class="Msg_Tit">
<div class="Msg_Tit_left">
<view class="Msg">
<view class="Msg_Tit">
<view class="Msg_Tit_left">
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/user_ava.png"
v-if="!item.user.avatar" mode="aspectFill"></image>
<image :src="picUrl + item.user.avatar" v-if="item.user.avatar" mode="aspectFill"></image>
{{ item.user.nick_name }}
</div>
<div class="Msg_Tit_right">
</view>
<view class="Msg_Tit_right">
<image v-for="indez in 5" :key="indez"
:src="indez < item.satisfaction ? 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_start1.png' : 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_start2.png'"
mode="aspectFill"></image>
</div>
</div>
</view>
</view>
<div class="Msg_con">
<view class="Msg_con">
{{ item.comment }}
<div class="Msg_con_img" v-if="item.image_url">
<image v-for="(img, index) in item.image_url.split(',')" :key="index" :src="picUrl + img" mode="aspectFill">
<view class="Msg_con_img" v-if="item.image_url">
<image v-for="(img, index) in item.image_url.split(',')" :key="index" :src="picUrl + img" mode="aspectFill" @click="previewImage(item.image_url.split(','), index)">
</image>
<video class="Msg_con_video" v-if="item.video_url" :src="picUrl + item.video_url" controls></video>
</div>
</div>
</view>
</view>
<div class="Msg_iconList">
<div class="Msg_iconList_left">
<div class="Msg_iconList_leftIcon">
<view class="Msg_iconList">
<view class="Msg_iconList_left">
<view class="Msg_iconList_leftIcon">
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_review.png"
mode="widthFix"></image>
{{ item.merchant_evaluation_reply_list ? item.merchant_evaluation_reply_list.length : 0 }}
</div>
</view>
<div class="Msg_iconList_leftIcon">
<view class="Msg_iconList_leftIcon">
<image v-if="item.is_like == 2"
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_likeIcon.png"
mode="widthFix" @click="like(item)"></image>
@ -85,13 +85,13 @@
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_likeIcon2.png"
mode="widthFix" @click="unlike(item)"></image>
{{ item.merchant_evaluation_like_list ? item.merchant_evaluation_like_list.length : 0 }}
</div>
</div>
<div class="Msg_iconList_right" @click="commentDesc(item)">
详情 <div><u-icon name="arrow-right" colof="#999999"></u-icon></div>
</div>
</div>
</div>
</view>
</view>
<view class="Msg_iconList_right" @click="commentDesc(item)">
详情 <view><u-icon name="arrow-right" colof="#999999"></u-icon></view>
</view>
</view>
</view>
</view>
<view class="bottom">
<view class="left">
@ -283,6 +283,23 @@ export default {
commentDesc(e) {
NavgateTo(`../UserComment/index?id=${e.id}`)
},
// 预览图片
previewImage(imageList, currentIndex) {
// 将相对路径转换为完整URL
const urls = imageList.map(img => this.picUrl + img);
uni.previewImage({
urls: urls,
current: urls[currentIndex],
success: function(res) {
console.log('预览成功', res);
},
fail: function(err) {
console.log('预览失败', err);
}
});
},
},
};
</script>