comments.wxml 3.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. <!--pages/comments/comments.wxml-->
  2. <view>
  3. <!-- <block wx:for="{{comments}}" wx:key="*this" wx:for-index="index">
  4. <view class="comments_item">
  5. <view>
  6. <view class="align_center member_avatar">
  7. <image src="{{item.member_avatar}}"></image>
  8. <view class="f28 col333 ml20">{{item.nickname}}</view>
  9. </view>
  10. </view>
  11. <view class="f24 col333 l_height34 mt20">{{item.content}}</view>
  12. <view class="f24 col999 l_height34 mt10" wx:if="{{item['transform_addtime']}}">{{item['transform_addtime']}}</view>
  13. </view>
  14. <view class="place-bacd9" wx:if="{{index < comments.length - 1}}"></view>
  15. </block> -->
  16. <!-- <view class="comment comment-1px-b" wx:for="{{comments}}" wx:for-index="index" wx:key="index"> -->
  17. <block wx:for="{{comments}}" wx:for-index="index" wx:key="index">
  18. <view class="comment">
  19. <view class="comments_item pos_rel">
  20. <view>
  21. <view class="align_center member_avatar">
  22. <image src="{{item.member_avatar}}"></image>
  23. <view class="f28 col333 ml20">{{item.nickname}}</view>
  24. </view>
  25. </view>
  26. <view class="scores">
  27. <view class="align_center">
  28. <image wx:for="{{item.starSrcs}}" wx:for-index="idx" wx:key="idx" wx:for-item="calcSrc" class="star" src="{{calcSrc}}"></image>
  29. </view>
  30. <view class="comment_time mr6 mt10" wx:if="{{item['transform_addtime']}}">{{item['transform_addtime']}}</view>
  31. </view>
  32. <view class="f24 col333 l_height34 mt20">{{item.content}}</view>
  33. <view class="f24 col333 l_height34 mt20">规格:{{item.goods_spec}}</view>
  34. <view wx:if="{{item.images.length}}">
  35. <view class="content_img" bindtap='showCarousel' data-images="{{item.images}}" data-current="{{imgIndex}}" wx:for-item="imgItem" wx:for="{{item.images}}" wx:for-index="imgIndex" wx:key="imgIndex">
  36. <view class="align_center" style="width: 100%;height: 100%;">
  37. <image mode="widthFix" class="content_src_img" src="{{imgItem}}"></image>
  38. </view>
  39. </view>
  40. </view>
  41. <!-- <view wx:if="{{item.images.length}}">
  42. <image bindtap='showCarousel' mode="widthFix" data-images="{{item.images}}" data-current="{{imgIndex}}" class="content_img"
  43. src="{{imgItem}}" wx:for-item="imgItem" wx:for="{{item.images}}" wx:for-index="imgIndex" wx:key="imgIndex"></image>
  44. </view> -->
  45. <view class="content" wx:if="{{item.explain}}">掌柜回复:{{item.explain}}</view>
  46. </view>
  47. </view>
  48. <view class="place-bacd9" wx:if="{{index < comments.length - 1}}"></view>
  49. </block>
  50. <!-- <view class="comment comment-1px-b" wx:for="{{comments}}" wx:for-index="index" wx:key="index">
  51. <view class="user">
  52. <view class="member_avatar f_left">
  53. <image src="{{item.member_avatar}}">
  54. </image>
  55. </view>
  56. <view class="f28 f_left">{{item.nickname}}</view>
  57. <view class="scores f_right">
  58. <view class="flex-stars">
  59. <image wx:for="{{item.scores}}" wx:for-index="idx" wx:key="idx" class="star" src="../../image/star.png"></image>
  60. </view>
  61. <view class="comment_time">{{addtimes[index]}}</view>
  62. </view>
  63. </view>
  64. <view class="spec">规格:{{item.goods_spec}}</view>
  65. <view class="content">{{item.content}}</view>
  66. <view wx:if="{{item.images.length}}">
  67. <image bindtap='showCarousel' mode="widthFix" data-images="{{item.images}}" data-current="{{imgIndex}}" class="content_img" src="{{imgItem}}" wx:for-item="imgItem" wx:for="{{item.images}}" wx:for-index="imgIndex" wx:key="imgIndex"></image>
  68. </view>
  69. <view class="content" wx:if="{{item.explain}}">{{item.explain}}</view>
  70. </view> -->
  71. <commentsCarousel wx:if="{{show_carousel}}" bind:hideCarousel="hideCarousel" current="{{current}}" carouselImgs="{{carouselImgs}}">
  72. </commentsCarousel>
  73. </view>