comment.wxml 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. <view class="container p-bottom" wx:if="{{ goodsList.length && formData.length }}">
  2. <view class="goods-list">
  3. <view class="goods-item" wx:for="{{ goodsList }}" wx:key="this">
  4. <!-- 商品详情 -->
  5. <view class="goods-detail dis-flex flex-dir-row">
  6. <view class="left">
  7. <image class="goods-image" src="{{ item.image.file_path }}"></image>
  8. </view>
  9. <view class="right dis-flex flex-box flex-dir-column flex-x-around">
  10. <text class="twolist-hidden">{{ item.goods_name }}</text>
  11. <text class="">¥{{ item.goods_price }}</text>
  12. </view>
  13. </view>
  14. <!-- 选择评价 -->
  15. <view class="score-row dis-flex flex-x-around">
  16. <view bindtap="setScore" class="score-item score__praise dis-flex flex-y-center flex-x-center {{formData[index].score==10?'__active':''}}" data-index="{{index}}" data-score="10">
  17. <view class="score">
  18. <text class="score__icon iconfont icon-haoping"></text>
  19. <text class="score__text">好评</text>
  20. </view>
  21. </view>
  22. <view bindtap="setScore" class="score-item score__review dis-flex flex-y-center flex-x-center {{formData[index].score==20?'__active':''}}" data-index="{{index}}" data-score="20">
  23. <view class="score">
  24. <text class="score__icon iconfont icon-zhongping"></text>
  25. <text class="score__text">中评</text>
  26. </view>
  27. </view>
  28. <view bindtap="setScore" class="score-item score__negative dis-flex flex-y-center flex-x-center {{formData[index].score==30?'__active':''}}" data-index="{{index}}" data-score="30">
  29. <view class="score">
  30. <text class="score__icon iconfont icon-chaping"></text>
  31. <text class="score__text">差评</text>
  32. </view>
  33. </view>
  34. </view>
  35. <!-- 评价内容 -->
  36. <view class="dis-flex content-row">
  37. <textarea bindinput="contentInput" data-index="{{index}}" maxlength="2000" placeholder="请输入评价内容 (留空则不评价)" placeholderStyle="color:#ccc"></textarea>
  38. </view>
  39. <!-- 图片列表 -->
  40. <view class="image-list">
  41. <view class="image-preview" wx:for="{{formData[index].image_list}}" wx:for-index="imageIndex" wx:for-item="imagePath" wx:key="this">
  42. <text class="image-delete iconfont icon-shanchu" catchtap="deleteImage" data-index="{{index}}" data-image-index="{{imageIndex}}"></text>
  43. <image mode="aspectFill" src="{{ imagePath }}"></image>
  44. </view>
  45. <view bindtap="chooseImage" class="image-picker dis-flex flex-dir-column flex-x-center flex-y-center" data-index="{{index}}" wx:if="{{ !formData[index].image_list || formData[index].image_list.length < 6 }}">
  46. <text class="choose__icon iconfont icon-tubiao_xiangji"></text>
  47. <text class="choose__text">上传图片</text>
  48. </view>
  49. </view>
  50. </view>
  51. </view>
  52. <view class="flow-fixed-footer b-f">
  53. <view class="flow-btn f-32">
  54. <view catchtap="submit">确认提交</view>
  55. </view>
  56. </view>
  57. </view>