<template> <view class="evaluateWtapper" v-if="reply&&reply.length>0"> <view v-for="(item, evaluateWtapperIndex) in reply" :key="evaluateWtapperIndex"> <view class="evaluateItem" v-if="item"> <view class="pic-text acea-row row-middle"> <view class="pictrue"> <image v-if="item.avatar" :src="item.avatar" class="image" /> <view class="noAvatar acea-row row-middle row-center" v-else> <image src="@/static/images/yanjie-logo.png" mode="widthFix"></image> </view> </view> <view class=""> <!-- <view class="acea-row row-middle"> --> <view class="name line1">{{ item.nickname || '微信用户' }}</view> <!-- <view class="start" :class="'star' + item.star"></view> --> <view class="starBox acea-row"> <image src="@/static/images/min-star-light.png" v-for="(item, index) in stars[evaluateWtapperIndex]" :key="index"></image> <image src="@/static/images/star-border-light.png" v-for="(item, index) in 5-stars[evaluateWtapperIndex]" :key="index"></image> <!-- <image src="@/static/images/min-star.png" v-for="(item, index) in 5-stars[evaluateWtapperIndex]" :key="index"></image> --> </view> </view> </view> <!-- <view class="time">{{ item.createTime }} {{ item.sku||'' }}</view> --> <view class="evaluate-infor">{{ item.comment }}</view> <view class="imgList acea-row" v-if="item.picturesArr.length"> <view class="pictrue" v-for="(itemn, eq) in item.picturesArr" :key="eq"> <image :src="itemn" class="image" /> </view> </view> <!-- <view class="reply" v-if="item.merchantReplyContent"> <span class="font-color-red">电商店员</span> :{{item.merchantReplyContent}} </view> --> </view> </view> </view> </template> <script> import { dataFormat } from "@/utils"; export default { name: "UserEvaluation", props: { reply: { type: Array, default: () => [] } }, data: function () { return { stars: [] }; }, mounted: function () { this.stars = this.reply.map( val => { return val.star*1; }) }, methods: { dataFormat } }; </script> <style lang="less" scoped> .starBox { padding-top: 4rpx; image { width: 26rpx; height: 26rpx; } } </style>