reader/pages/chat/index.wxml

<wxs src="../../utils/filter.wxs" module="filters" />

<view class="chat">
  <scroll-view scroll-y="true" class="content" scroll-top="{{scrollTop}}" enhanced show-scrollbar='{{false}}'
    refresher-enabled bindrefresherrefresh='getMsgDet' refresher-triggered="{{triggered}}">
    <block wx:for="{{list}}" wx:key="id">
      <view class="base someone" wx:if="{{uid!=item.senderUid}}">
        <image src="{{item.user.avatar}}" class="avatar" bindtap="jumpUserInfo" data-uid='{{item.senderUid}}' />
        <view class="contentBox">
          <view class="time">
            {{filters.formatDate(item.gmtCreated,1)}}
          </view>
          <view class="message" wx:if="{{item.type==1}}">{{item.content}}</view>
          <image src="{{item.content}}" wx:else class="msgImg" mode="widthFix" bindtap="previewImage"
            data-src="{{item.content}}" />
        </view>
      </view>
      <view class="base self" wx:else>
        <view class="contentBox">
          <view class="time">
            {{filters.formatDate(item.gmtCreated,1)}}
          </view>
          <view class="message" wx:if="{{item.type==1}}">{{item.content}}</view>
          <image src="{{item.content}}" wx:else class="msgImg" mode="widthFix" bindtap="previewImage"
            data-src="{{item.content}}" />
        </view>
        <image src="{{userInfo.avatar}}" class="avatar" bindtap="jumpUserInfo" data-uid='{{item.senderUid}}' />
      </view>
    </block>
    <view style="height: 240rpx;"></view>
  </scroll-view>
  <view class="inputBox {{isIos?'iosPadding':''}}">
    <input class="input" bindinput="bindKeyInput" value="{{value}}" placeholder="我有话说..." confirm-type='sendReply'
      maxlength="100" />
    <image src="/static/follow_3.png" class="sendImg" bindtap="chooseImage" />
    <view class="submit" bindtap="sendReply">发送</view>
  </view>
</view>