index.wxml 4.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  1. <wxs src="../../utils/filter.wxs" module="filters" />
  2. <view class="commentBox" wx:if="{{show}}">
  3. <!-- <view class="commentBox"> -->
  4. <view class="commentBg" catchtap="close" catchtouchmove="true"></view>
  5. <view class="comment {{tabBarPadding?'seat2':''}}" animation="{{animationData}}">
  6. <view class="header">
  7. <view class="hl {{type=='comment'?'currentH':''}}" bindtap="changeType" data-type="comment">评论 {{totalSize}}
  8. </view>
  9. <view class="hl {{type=='like'?'currentH':''}}" bindtap="changeType" data-type="like">赞 {{totalSize}}</view>
  10. <view class=" hr" catchtap="close">×</view>
  11. </view>
  12. <scroll-view scroll-y="true" class="body" bindscrolltolower='loadMore' bindtap="cancelId">
  13. <view class="body-box">
  14. <view class="content" wx:for="{{list}}" wx:key="id">
  15. <image src="{{item.user.avatar}}" class="c-avatar" data-uid='{{item.user.uid}}' bindtap="jumpUserInfo" />
  16. <view class="c-right" wx:if="{{type=='comment'}}">
  17. <view class="nickName">
  18. {{item.user.nickName||item.user.eid}}
  19. </view>
  20. <view class="detailDesc" data-item='{{item}}' bind:longpress="onLongPress">
  21. {{item.detailDesc}}
  22. </view>
  23. <view class="replyList" wx:if="{{item.replyVOList.length>0}}">
  24. <view class="reply" wx:for="{{item.replyVOList}}" wx:for-item="reply" wx:key='id'>
  25. <text class="replyTitle">{{reply.user.nickName||reply.user.eid}}</text>
  26. <text class="replyContent">:{{reply.content}}</text>
  27. </view>
  28. </view>
  29. <view class="record">
  30. <view class="time">{{filters.formatDate(item.gmtCreated,3)}}</view>
  31. <view class="record-right">
  32. <view class="iconBox" catchtap="{{item.isLike? null:'setLike'}}" data-index="{{index}}"
  33. data-id="{{item.id}}">
  34. <image class="icon" src="{{item.isLike? '/static/like_reply.png' : '/static/like_reply_grey.png'}}" />
  35. <text>{{item.likeCount}}</text>
  36. </view>
  37. <view class="iconBox" catchtap="ReplyComment" data-index="{{index}}" data-id="{{item.id}}">
  38. <image class="icon" src="/static/reply_icon.png" />
  39. <text>{{item.replyCount}}</text>
  40. </view>
  41. </view>
  42. </view>
  43. </view>
  44. <view class="c-like" wx:else>
  45. <view class="left">
  46. <view class="nickName">
  47. {{item.user.nickName||item.user.eid}}
  48. </view>
  49. <view class="time">{{item.gmtCreated}}</view>
  50. </view>
  51. <view class="follow {{item.isFans?'isFans':''}}" bindtap="setFans">
  52. <image src="{{item.isFans?'/static/follow_2.png':'/static/follow_3.png'}}" class="character"
  53. mode="" />
  54. <text class="text">{{item.isFans?'已关注':'关注'}}</text>
  55. </view>
  56. </view>
  57. </view>
  58. </view>
  59. </scroll-view>
  60. <!-- 快捷回复 -->
  61. <view class=" quick" wx:if="{{quickShow&&type=='comment'}}">
  62. <view class="close" catchtap="quickClose">×</view>
  63. <view class="quickTop">
  64. <view class="left">留下你的赞美,鼓励一下。</view>
  65. <view class="right">试试下面的快捷回复吧~</view>
  66. </view>
  67. <scroll-view class="contents" scroll-x="true" enhanced show-scrollbar="{{false}}">
  68. <view class="remark" bindtap="quickRemark" data-remark='你读的也太棒啦!' style="background-color: #FC614E">
  69. 你读的也太棒啦!
  70. </view>
  71. <view class="remark" bindtap="quickRemark" data-remark='很优秀,向你学习'>
  72. 很优秀,向你学习
  73. </view>
  74. <view class="remark" bindtap="quickRemark" data-remark='挺好的,期待更好' style="background-color: #26B944">
  75. 挺好的,期待更好
  76. </view>
  77. <view class="remark" bindtap="quickRemark" data-remark='还可以,继续努力' style="background-color: #7DB2FF">
  78. 还可以,继续努力
  79. </view>
  80. </scroll-view>
  81. </view>
  82. <view class="footer">
  83. <input class="input" bindinput="bindKeyInput" value="{{detailDesc}}" placeholder="留下你的赞美,鼓励一下"
  84. focus="{{ifGetFocus}}" />
  85. <view class="submit" bindtap="sendReply">发送</view>
  86. </view>
  87. </view>
  88. </view>