assess.vue 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. <template>
  2. <view>
  3. <view v-for="(item,index) in feedback_list" :key="index" class="uni-padding-wrap" style="border-bottom: 1px solid #EEEEEE;padding-bottom: 10upx;">
  4. <view class="uni-comment">
  5. <view class="uni-comment-list">
  6. <view class="uni-comment-face"><image style="width: 100%;height: 100%;" :src="item.member_avatar"></image></view>
  7. <view class="uni-comment-body">
  8. <view class="uni-comment-top">
  9. <text style="font-size: 28upx;color: #303133">{{item.member_truename}}</text>
  10. <uniIcon type="star" size="16"></uniIcon>
  11. </view>
  12. <view class="uni-comment-date">
  13. <text style="color: #909399;font-size: 20upx;">{{item.add_time}}</text>
  14. </view>
  15. </view>
  16. <view>
  17. <van-rate
  18. size="16"
  19. :value="item.satisfaction"
  20. void-icon="star"
  21. void-color="#eee"
  22. color="#ee0a24"
  23. readonly='true'
  24. />
  25. </view>
  26. </view>
  27. <view style="color: #303133;font-size: 28upx;" class="uni-comment-content">{{item.content}}</view>
  28. <view v-for="(items, index) in item.img_list" :key="index">
  29. <image style="float: left;width: 100upx;height: 100upx;padding-right:18upx;" :src="items"></image>
  30. </view>
  31. </view>
  32. </view>
  33. </view>
  34. </template>
  35. <script>
  36. import uniIcon from '@/component/uni-icon/uni-icon.vue'
  37. export default {
  38. props: {
  39. feedback_list: {
  40. type: Array
  41. }
  42. },
  43. component:{
  44. uniIcon
  45. },
  46. data() {
  47. return {
  48. //title:"评论界面"
  49. }
  50. }
  51. }
  52. </script>
  53. <style>
  54. </style>