添加点评部分的图片和视频的显示
This commit is contained in:
赵毅
parent
8f3af9a2aa
commit
1c332efdc0
@ -56,6 +56,26 @@ image {
|
||||
margin-top: 30rpx;
|
||||
}
|
||||
|
||||
.Msg_con_img {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
width: 100%;
|
||||
margin-top: 15rpx;
|
||||
gap: 15rpx;
|
||||
}
|
||||
|
||||
.Msg_con_img image {
|
||||
width: calc(33.33% - 11rpx);
|
||||
height: 225rpx;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.Msg_con_video{
|
||||
width: calc(33.33% - 11rpx);
|
||||
height: 225rpx;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.Msg_iconList_leftIcon {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@ -117,9 +137,11 @@ image {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.comment_con input{
|
||||
|
||||
.comment_con input {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.comment_con image {
|
||||
width: 28.3rpx;
|
||||
height: 28rpx;
|
||||
|
||||
@ -3,13 +3,14 @@
|
||||
<div class="Msg">
|
||||
<div class="Msg_Tit">
|
||||
<div class="Msg_Tit_left">
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/user_ava.png" v-if="!info.user.avatar" mode="aspectFill">
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/user_ava.png"
|
||||
v-if="!info.user.avatar" mode="aspectFill">
|
||||
</image>
|
||||
<image :src="picUrl + info.user.avatar" v-if="info.user.avatar" mode="aspectFill"></image>
|
||||
{{ info.user.nick_name }}
|
||||
</div>
|
||||
<div class="Msg_Tit_right">
|
||||
<image v-for="indez in 5"
|
||||
<image v-for="(item, index) in 5" :key="index"
|
||||
:src="indez < info.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>
|
||||
@ -17,35 +18,46 @@
|
||||
|
||||
<div class="Msg_con">
|
||||
{{ info.comment }}
|
||||
<div class="Msg_con_img" v-if="info.image_url">
|
||||
<image v-for="(img, index) in info.image_url.split(',')" :key="index" :src="picUrl + img"
|
||||
mode="aspectFill"></image>
|
||||
<video class="Msg_con_video" v-if="info.video_url" :src="picUrl + info.video_url" controls></video>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="Msg_iconList">
|
||||
<div class="Msg_iconList_left">
|
||||
<div class="Msg_iconList_leftIcon">
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_review.png" mode="widthFix"></image>
|
||||
<image
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_review.png"
|
||||
mode="widthFix"></image>
|
||||
{{ info.merchant_evaluation_reply_list ? info.merchant_evaluation_reply_list.length : 0 }}
|
||||
</div>
|
||||
|
||||
<div class="Msg_iconList_leftIcon">
|
||||
<image v-if="info.is_like == 2" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_likeIcon.png" mode="widthFix"
|
||||
@click="like(info)"></image>
|
||||
<image v-if="info.is_like == 1" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_likeIcon2.png"
|
||||
<image v-if="info.is_like == 2"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_likeIcon.png"
|
||||
mode="widthFix" @click="like(info)"></image>
|
||||
<image v-if="info.is_like == 1"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_likeIcon2.png"
|
||||
mode="widthFix" @click="unlike(info)"></image>
|
||||
{{ info.merchant_evaluation_like_list ? info.merchant_evaluation_like_list.length : 0 }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="Msg_iconList_right">
|
||||
<div class="Msg_iconList_leftIcon" @click="deletes" v-if="isDelte">
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_del.png" mode="widthFix"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_del.png"
|
||||
mode="widthFix"></image>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 回复列表 -->
|
||||
<div class="reply" v-for="item in replyList">
|
||||
<div class="reply" v-for="(item, index) in replyList" :key="index">
|
||||
<div class="reply_tit">
|
||||
<div class="reply_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 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 }}
|
||||
@ -58,7 +70,8 @@
|
||||
|
||||
<div class="comment">
|
||||
<div class="comment_con">
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_send.png" mode="aspectFill"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_send.png"
|
||||
mode="aspectFill"></image>
|
||||
<input type="text" v-model="reply_content" placeholder="说点什么">
|
||||
|
||||
<button id="send" @click="sendComment">发送</button>
|
||||
|
||||
@ -179,6 +179,26 @@ page {
|
||||
margin-top: 30rpx;
|
||||
}
|
||||
|
||||
.Msg_con_img {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
width: 100%;
|
||||
margin-top: 15rpx;
|
||||
gap: 15rpx;
|
||||
}
|
||||
|
||||
.Msg_con_img image {
|
||||
width: calc(33.33% - 11rpx);
|
||||
height: 225rpx;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.Msg_con_video{
|
||||
width: calc(33.33% - 11rpx);
|
||||
height: 225rpx;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.Msg_iconList_leftIcon {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
@ -46,33 +46,42 @@
|
||||
<div class="Msg">
|
||||
<div class="Msg_Tit">
|
||||
<div 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="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">
|
||||
<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'"
|
||||
<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>
|
||||
|
||||
<div 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">
|
||||
</image>
|
||||
<video class="Msg_con_video" v-if="item.video_url" :src="picUrl + item.video_url" controls></video>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="Msg_iconList">
|
||||
<div class="Msg_iconList_left">
|
||||
<div class="Msg_iconList_leftIcon">
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_review.png" mode="widthFix"></image>
|
||||
<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>
|
||||
|
||||
<div 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>
|
||||
<image v-if="item.is_like == 1" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_likeIcon2.png" mode="widthFix"
|
||||
@click="unlike(item)"></image>
|
||||
<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>
|
||||
<image v-if="item.is_like == 1"
|
||||
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>
|
||||
@ -89,11 +98,14 @@
|
||||
<view>导航</view>
|
||||
</view>
|
||||
<view class="left_label" @click="handlePhoneClick">
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/localLife_detail_Frame.png" mode="" />
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/localLife_detail_Frame.png"
|
||||
mode="" />
|
||||
<view>电话</view>
|
||||
</view>
|
||||
<view class="left_label" @click="handleDiscussClick">
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/localLife_shopList_Group_1334.png" mode="" />
|
||||
<image
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/localLife_shopList_Group_1334.png"
|
||||
mode="" />
|
||||
<view>点评</view>
|
||||
</view>
|
||||
</view>
|
||||
@ -126,7 +138,7 @@ export default {
|
||||
onLoad(options) {
|
||||
this.info = uni.getStorageSync("merchantInfo")
|
||||
},
|
||||
onShow(){
|
||||
onShow() {
|
||||
this.page_num = 1
|
||||
this.flag = false
|
||||
this.commentList = []
|
||||
@ -161,9 +173,9 @@ export default {
|
||||
})
|
||||
},
|
||||
|
||||
getMerchantInfo(){
|
||||
getMerchantInfo() {
|
||||
request(apiArr.getMerchantInfo, "POST", {
|
||||
id:uni.getStorageSync("merchantInfo").id,
|
||||
id: uni.getStorageSync("merchantInfo").id,
|
||||
}).then(res => {
|
||||
this.isShow = res.quick_purchase_enabled == 1
|
||||
})
|
||||
@ -205,15 +217,15 @@ export default {
|
||||
evaluation_id: e.id,
|
||||
}).then(res => {
|
||||
console.log(e);
|
||||
if(e.merchant_evaluation_like_list){
|
||||
if (e.merchant_evaluation_like_list) {
|
||||
e.merchant_evaluation_like_list.push({})
|
||||
}else{
|
||||
} else {
|
||||
e.merchant_evaluation_like_list = []
|
||||
e.merchant_evaluation_like_list.push({})
|
||||
}
|
||||
e.is_like = 1
|
||||
uni.showToast({
|
||||
icon:"none",
|
||||
icon: "none",
|
||||
title: '点赞成功',
|
||||
duration: 2000
|
||||
});
|
||||
@ -227,13 +239,13 @@ export default {
|
||||
e.merchant_evaluation_like_list.pop()
|
||||
uni.showToast({
|
||||
title: '取消成功',
|
||||
icon:"none",
|
||||
icon: "none",
|
||||
duration: 2000
|
||||
});
|
||||
})
|
||||
},
|
||||
|
||||
commentDesc(e){
|
||||
commentDesc(e) {
|
||||
NavgateTo(`../UserComment/index?id=${e.id}`)
|
||||
},
|
||||
},
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user