reader/components/comment/index.wxml

<wxs src="../../utils/filter.wxs" module="filters" />
<view class="commentBox" wx:if="{{show}}">
  <!-- <view class="commentBox"> -->
  <view class="commentBg" catchtap="close" catchtouchmove="true"></view>
  <view class="comment {{tabBarPadding?'seat2':''}}" animation="{{animationData}}">
    <view class="header">
      <view class="hl">评论 {{totalSize}}</view>
      <view class="hr" catchtap="close">×</view>
    </view>
    <view class="body" bindtap="cancelId">
      <view class="body-box">
        <view class="content" wx:for="{{list}}" wx:key="id">
          <image src="{{item.user.avatar}}" class="c-avatar" data-uid='{{item.user.uid}}' bindtap="jumpUserInfo" />
          <view class="c-right">
            <view class="nickName">
              {{item.user.nickName||item.user.eid}}
            </view>
            <view class="detailDesc">{{item.detailDesc}}</view>
            <view class="replyList" wx:if="{{item.replyVOList.length>0}}">
              <view class="reply" wx:for="{{item.replyVOList}}" wx:for-item="reply" wx:key='id'>
                <text class="replyTitle">{{reply.user.nickName||reply.user.eid}}</text>
                <text class="replyContent">：{{reply.content}}</text>
              </view>
            </view>
            <view class="record">
              <view class="time">{{filters.formatDate(item.gmtCreated,3)}}</view>
              <view class="record-right">
                <view class="iconBox" catchtap="{{item.isLike? null:'setLike'}}" data-index="{{index}}"
                  data-id="{{item.id}}">
                  <image class="icon" src="{{item.isLike? '/static/like_reply.png' : '/static/like_reply_grey.png'}}" />
                  <text>{{item.likeCount}}</text>
                </view>
                <view class="iconBox" catchtap="ReplyComment" data-index="{{index}}" data-id="{{item.id}}">
                  <image class="icon" src="/static/reply_icon.png" />
                  <text>{{item.replyCount}}</text>
                </view>
              </view>
            </view>
          </view>
        </view>
      </view>
    </view>
    <!-- 快捷回复 -->
    <view class="quick" wx:if="{{quickShow}}">
      <view class="close" catchtap="quickClose">×</view>
      <view class="quickTop">
        <view class="left">留下你的赞美，鼓励一下。</view>
        <view class="right">试试下面的快捷回复吧~</view>
      </view>
      <scroll-view class="contents" scroll-x="true" enhanced show-scrollbar="{{false}}">
        <view class="remark" bindtap="quickRemark" data-remark='你读的也太棒啦！' style="background-color: #FC614E">
          你读的也太棒啦！
        </view>
        <view class="remark" bindtap="quickRemark" data-remark='很优秀，向你学习'>
          很优秀，向你学习
        </view>
        <view class="remark" bindtap="quickRemark" data-remark='挺好的，期待更好' style="background-color: #26B944">
          挺好的，期待更好
        </view>
        <view class="remark" bindtap="quickRemark" data-remark='还可以，继续努力' style="background-color: #7DB2FF">
          还可以，继续努力
        </view>
      </scroll-view>
    </view>
    <view class="footer">
      <input class="input" bindinput="bindKeyInput" value="{{detailDesc}}" placeholder="留下你的赞美，鼓励一下"
        focus="{{ifGetFocus}}" />
      <view class="submit" bindtap="sendReply">发送</view>
    </view>
  </view>
</view>