assess.vue 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  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 :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. :value="item.satisfaction"
  19. void-icon="star"
  20. void-color="#eee"
  21. color="#ee0a24"
  22. readonly='true'
  23. />
  24. </view>
  25. </view>
  26. <view style="color: #303133;font-size: 28upx;" class="uni-comment-content">{{item.content}}</view>
  27. </view>
  28. </view>
  29. </view>
  30. </template>
  31. <script>
  32. import uniIcon from '@/component/uni-icon/uni-icon.vue'
  33. export default {
  34. props: {
  35. feedback_list: {
  36. type: Array
  37. }
  38. },
  39. component:{
  40. uniIcon
  41. },
  42. data() {
  43. return {
  44. //title:"评论界面"
  45. }
  46. }
  47. }
  48. </script>
  49. <style>
  50. </style>