70 lines
1.7 KiB
Vue
70 lines
1.7 KiB
Vue
<template>
|
||
<view class="evaluateWtapper">
|
||
<view
|
||
v-for="(item, evaluateWtapperIndex) in reply"
|
||
:key="evaluateWtapperIndex"
|
||
class="evaluateItem"
|
||
>
|
||
<view class="pic-text acea-row row-middle">
|
||
<view class="pictrue">
|
||
<image :src="item.avatar" class="image" />
|
||
</view>
|
||
<view class="acea-row row-middle">
|
||
<view class="name line1">{{ item.nickname }}</view>
|
||
<view class="start" :class="'star' + item.star"></view>
|
||
</view>
|
||
</view>
|
||
<view class="time">{{ item.createTime }} {{ item.sku||'' }}</view>
|
||
<view class="evaluate-infor">{{ item.comment }}</view>
|
||
<view class="imgList acea-row">
|
||
<view v-if="item.video" class="pictrue">
|
||
<video
|
||
:src="item.video"
|
||
:poster="item.video + '?vframe/jpg/offset/1'"
|
||
controls
|
||
play-btn-position="center"
|
||
class="image"
|
||
/>
|
||
</view>
|
||
<view
|
||
v-for="(itemn, eq) in item.picturesArr"
|
||
:key="eq"
|
||
class="pictrue"
|
||
>
|
||
<image :src="itemn" class="image" @click="previewImage(item.picturesArr, eq)" />
|
||
</view>
|
||
</view>
|
||
<view class="reply" v-if="item.merchantReplyContent">
|
||
<span class="font-color-red">店小二</span>
|
||
：{{item.merchantReplyContent}}
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
<script>
|
||
import { dataFormat } from "@/utils";
|
||
|
||
export default {
|
||
name: "UserEvaluation",
|
||
props: {
|
||
reply: {
|
||
type: Array,
|
||
default: () => []
|
||
}
|
||
},
|
||
data: function() {
|
||
return {};
|
||
},
|
||
mounted: function() {},
|
||
methods: {
|
||
dataFormat,
|
||
previewImage(imgs,index){
|
||
uni.previewImage({
|
||
current:imgs[index],
|
||
urls:imgs
|
||
})
|
||
}
|
||
}
|
||
};
|
||
</script>
|