kly_uniapp/unpackage/dist/dev/mp-weixin/pages/message/chat.wxml

<view class="chatInterface"><view class="scroll-view"><view class="all-history-loaded">{{''+(allHistoryLoaded?'已经没有更多的历史消息':'下拉获取历史消息')+''}}</view><block wx:for="{{$root.l0}}" wx:for-item="message" wx:for-index="index" wx:key="messageId"><view><view class="time-lag">{{''+message.m0+''}}</view><view class="{{['message-item',(message.$orig.senderId==(currentUser&&currentUser.uuid))?'self':'']}}"><block wx:if="{{message.$orig.senderId!=(currentUser&&currentUser.uuid)}}"><view class="avatar" style="border-radius:100%;overflow:hidden;"><image src="{{targetUser.avatar||'../../static/user.png'}}"></image></view></block><block wx:else><view class="avatar" style="border-radius:100%;overflow:hidden;"><image src="{{currentUser.avatar||'../../static/user.png'}}"></image></view></block><block wx:if="{{message.$orig.type=='text'}}"><view class="{{[message.g0!==-1?'content content2':'content']}}"><block wx:if="{{message.$orig.type=='text'}}"><view><block wx:if="{{message.g1!==-1}}"><view><navigator url="{{'/pages/order/detail?id='+message.g2}}"><view>{{message.g3+''}}</view><view style="color:#777777;">点击进入详情</view></navigator></view></block><block wx:else><view><rich-text nodes="{{message.m1}}"></rich-text></view></block></view></block></view></block><block wx:else><view class="content"><block wx:if="{{message.$orig.type=='image'}}"><image class="image-content" src="{{message.$orig.payload.url}}" data-url="{{message.$orig.payload.url}}" mode="widthFix" data-event-opts="{{[['tap',[['showImageFullScreen',['$event']]]]]}}" bindtap="__e"></image></block><block wx:if="{{message.$orig.type=='video'}}"><view class="video-snapshot" data-url="{{message.$orig.payload.video.url}}" data-event-opts="{{[['tap',[['playVideo',['$event']]]]]}}" bindtap="__e"><image src="{{message.$orig.payload.thumbnail.url}}" mode="aspectFit"></image><view class="video-play-icon"></view></view></block><block wx:if="{{message.$orig.type=='audio'}}"><go-easy-audio-player vue-id="{{'fced1266-1-'+index}}" src="{{message.$orig.payload.url}}" duration="{{message.$orig.payload.duration}}" bind:__l="__l"></go-easy-audio-player></block></view></block></view></view></block><view style="height:100rpx;"></view></view><view data-event-opts="{{[['tap',[['switchAudioKeyboard',['$event']]]]]}}" class="{{[audio.visible?'record-icon record-open':'record-icon']}}" bindtap="__e"></view><block wx:if="{{!video.visible}}"><view class="action-box"><view style="display:flex;justify-content:space-between;"><block wx:if="{{id!=''}}"><view class="chat_item"><view data-event-opts="{{[['tap',[['sendTextMessage',['detail']]]]]}}" class="file-icon more-icon" style="margin-left:0rpx;background-image:url('../../static/images_go/order2.png');" bindtap="__e">发送当前招聘</view></view></block><block wx:if="{{more.show}}"><view class="chat_item"><view data-event-opts="{{[['tap',[['hidMore',['$event']]]]]}}" style="margin-right:40rpx;" bindtap="__e">收起</view></view></block></view><view class="action-top" style="padding-bottom:40rpx;display:flex;align-items:center;padding-top:15rpx;"><view class="message-input" style="margin-left:30rpx;"><input style="width:480rpx;" type="text" maxlength="700" placeholder="发送消息" data-event-opts="{{[['confirm',[['sendTextMessage',['$event']]]],['focus',[['messageInputFocusin',['$event']]]],['input',[['__set_model',['','content','$event',[]]]]]]}}" value="{{content}}" bindconfirm="__e" bindfocus="__e" bindinput="__e"/></view><label data-event-opts="{{[['tap',[['sendTextMessage',['message']]]]]}}" class="send-message-btn _span" bindtap="__e">发送</label><image style="width:55rpx;height:55rpx;margin-left:10rpx;" src="../../static/images_go/more.png" data-event-opts="{{[['tap',[['showMore',['$event']]]]]}}" bindtap="__e"></image></view><block wx:if="{{emoji.show}}"><view class="action-bottom" style="justify-content:space-around;"><block wx:for="{{emoji.map}}" wx:for-item="emojiItem" wx:for-index="emojiKey" wx:key="*this"><image class="emoji-item" src="{{emoji.url+emojiItem}}" data-event-opts="{{[['tap',[['selectEmoji',[emojiKey]]]]]}}" bindtap="__e"></image></block></view></block><block wx:if="{{more.show}}"><view class="action-bottom"><view data-event-opts="{{[['tap',[['sendImage',['$event']]]]]}}" class="more-item" bindtap="__e"><image src="../../static/images_go/tupian.png"></image><text>图片</text></view><view data-event-opts="{{[['tap',[['sendVideo',['$event']]]]]}}" class="more-item" bindtap="__e"><image src="../../static/images_go/shipin.png"></image><text>视频</text></view><view data-event-opts="{{[['touchstart',[['onRecordStart',['$event']]]],['touchend',[['onRecordEnd',['$event']]]]]}}" class="more-item" bindtouchstart="__e" bindtouchend="__e"><image src="../../static/images_go/voice.png"></image><text>{{audio.recording?'松开发送':'按住录音'}}</text></view></view></block></view></block><block wx:if="{{audio.recording}}"><view class="record-loading"></view></block><block wx:if="{{video.visible}}"><video src="{{video.url}}" id="videoPlayer" data-event-opts="{{[['fullscreenchange',[['onVideoFullScreenChange',['$event']]]]]}}" bindfullscreenchange="__e"></video></block></view>