<!-- 评价 -->
<template>
  <div class="evaluate">
    <ServiceGoodsCard :title="title" :goods-img="goodsImg" />
    <div class="score">
      <span>评分</span>
      <cr-rate v-model="value" size="20px" />
    </div>
    <div class="message">
      <!-- <img src="https://img.lkbang.net/write.a2968441.png" alt="" /> -->
      <cr-field
        v-model="message"
        type="textarea"
        placeholder="亲，您对这个商品满意吗？您的评价会帮助我们选择更好的商品哦～"
        rows="1"
        autosize
        :show-word-limit="true"
        :max-length="10"
      />
    </div>
  </div>
</template>

<script>
import ServiceGoodsCard from '../components/serviceGoodsCard.vue';
export default {
  components: {
    ServiceGoodsCard
  },
  data() {
    return {
      title:
        '商品商品上坡商品上坡商品上坡商品上坡商品上坡上坡商品商品上坡商品上坡商品上坡商品上坡商品上坡上坡商品商品上坡商品上坡商品上坡商品上坡商品上坡上坡',
      goodsImg: 'https://img.lkbang.net/商品主图备份 4.ffec9c90.png',
      value: 2.5,
      message: ''
    };
  },
  created() {},
  methods: {}
};
</script>

<style lang="less" scoped src="./index.less"></style>
