<template>
  <div class="evaluateWtapper">
    <div class="evaluateItem" v-for="(item, evaluateWtapperIndex) in reply" :key="evaluateWtapperIndex">
      <div class="pic-text acea-row row-middle">
        <div class="pictrue">
          <img :src="item.avatar" class="image" />
        </div>
        <div class="acea-row row-middle">
          <div class="name line1">{{ item.nickname }}</div>
          <div class="start" :class="'star' + item.star"></div>
        </div>
      </div>
      <div class="time">{{ item.add_time }} {{ item.suk }}</div>
      <div class="evaluate-infor">{{ item.comment }}</div>
      <div class="imgList acea-row">
        <div class="pictrue" v-for="(itemn, eq) in item.picturesArr" :key="eq">
          <img :src="itemn" class="image" />
        </div>
      </div>
      <!--<div class="reply" v-if="item.merchant_reply_content">-->
        <!--<span class="font-color-red">店小二</span>：{{-->
          <!--item.merchant_reply_content-->
        <!--}}-->
      <!--</div>-->
    </div>
  </div>
</template>
<script>
export default {
  name: "UserEvaluation",
  props: {
    reply: {
      type: Array,
      default: () => []
    }
  },
  data: function() {
    return {};
  },
  mounted: function() {},
  methods: {}
};
</script>
