84 lines
2.1 KiB
Vue
84 lines
2.1 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="time">{{ item.createTime }} </view>
|
||
</view>
|
||
</view>
|
||
<view class="v12-px-4">
|
||
<view class="v12-secondary-dark-text v12-font-24 attr-bg"> {{ item.sku }}</view>
|
||
<view class="start" :class="'star' + item.star"></view>
|
||
</view>
|
||
<view class="evaluate-infor v12-font-24">{{ 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>
|
||
<style lang="less" scoped>
|
||
.attr-bg{
|
||
background: rgba(197,39,51,0.1);
|
||
padding: 7rpx 5px;
|
||
width: fit-content;
|
||
border-radius: 12rpx;
|
||
}
|
||
.time{
|
||
padding: 0 !important;
|
||
}
|
||
</style>
|