chatting.wxml 4.1 KB

1
  1. <view class="container data-v-0ba42020"><view class="topnav flex-start data-v-0ba42020" style="{{'height:'+(topbarOffsetHeight-statusBarHeight+'px')+';'+('padding-top:'+(statusBarHeight+'px')+';')}}" id="topnav"><view data-event-opts="{{[['tap',[['back',['$event']]]]]}}" class="nav-item flex-center data-v-0ba42020" bindtap="__e"><image class="nav-img data-v-0ba42020" src="{{assetsUrl+'back.png'}}" mode="widthFix"></image></view><view class="nav-center flex-center data-v-0ba42020"><view class="nav-text font32 fw600 data-v-0ba42020">{{''+userInfo.nick+''}}</view><view class="nav-tip font20 fw400 data-v-0ba42020"><text class="data-v-0ba42020"></text>{{onlineState+" · "+userInfo.distance+''}}</view></view><view class="nav-item data-v-0ba42020"></view></view><view class="message-list data-v-0ba42020" style="{{'height:'+(scrollHeight+'px')+';'+('margin-top:'+(topbarOffsetHeight+'px')+';')}}"><t-u-i-message-list vue-id="7cd0c088-1" id="message-list" conversation="{{conversation}}" scrollHeight="{{scrollHeight}}" topbarOffsetHeight="{{topbarOffsetHeight}}" data-ref="messageList" class="data-v-0ba42020 vue-ref" bind:__l="__l"></t-u-i-message-list></view><view class="talk-box data-v-0ba42020" id="talk-box" data-event-opts="{{[['touchmove',[['prevent']]]]}}" bindtouchmove="__e"><view class="input-box flex-between data-v-0ba42020"><input class="input data-v-0ba42020" type="text" confirm-type="send" placeholder="请输入消息…" placeholder-style="color:#7D7DA4 ;font-size:24rpx" data-event-opts="{{[['confirm',[['sendTextMessage',['$event']]]],['input',[['__set_model',['','inputText','$event',[]]]]]]}}" value="{{inputText}}" bindconfirm="__e" bindinput="__e"/><view data-event-opts="{{[['tap',[['sendTextMessage',['$event']]]]]}}" class="input-btn font22 fw400 data-v-0ba42020" bindtap="__e">发送</view></view><view class="action-box flex-between data-v-0ba42020"><image class="act-img data-v-0ba42020" src="{{assetsUrl+'talk-voice.png'}}" mode="aspectFit" data-event-opts="{{[['tap',[['showActionPanel',[0]]]]]}}" bindtap="__e"></image><image class="act-img data-v-0ba42020" src="{{assetsUrl+'talk-pic.png'}}" mode="aspectFit" data-event-opts="{{[['tap',[['showActionPanel',[1]]]]]}}" bindtap="__e"></image><image class="act-img data-v-0ba42020" src="{{assetsUrl+'talk-video.png'}}" mode="aspectFit" data-event-opts="{{[['tap',[['showActionPanel',[2]]]]]}}" bindtap="__e"></image><image class="act-img data-v-0ba42020" src="{{assetsUrl+'talk-emo.png'}}" mode="aspectFit" data-event-opts="{{[['tap',[['showActionPanel',[3]]]]]}}" bindtap="__e"></image></view><view class="action-panel data-v-0ba42020" style="{{'padding-bottom:'+(''+(showActionIndex===-1?'68rpx':'20rpx'))+';'}}"><block wx:if="{{showActionIndex===0}}"><view class="voice-panel flex-center data-v-0ba42020"><view class="voice-text font22 fw400 data-v-0ba42020">{{''+voiceText+''}}</view><image class="voice-img data-v-0ba42020" src="{{assetsUrl+'talk-voice-'+(isRecording?'delete':'open')+'.png'}}" mode="aspectFill" data-event-opts="{{[['longpress',[['handleLongPress',['$event']]]],['touchmove',[['handleTouchMove',['$event']]]],['touchend',[['handleTouchEnd',['$event']]]]]}}" bindlongpress="__e" bindtouchmove="__e" bindtouchend="__e"></image></view></block><block wx:if="{{showActionIndex===3}}"><view class="emoji-box data-v-0ba42020"><t-u-i-emoji bind:enterEmoji="__e" vue-id="7cd0c088-2" data-event-opts="{{[['^enterEmoji',[['appendMessage']]]]}}" class="data-v-0ba42020" bind:__l="__l"></t-u-i-emoji></view></block></view></view><block wx:if="{{videoPlay}}"><view data-event-opts="{{[['tap',[['stopVideoHander',['$event']]]]]}}" class="container-box data-v-0ba42020" catchtap="__e"><block wx:if="{{videoPlay}}"><video class="video-message data-v-0ba42020" style="{{'width:'+((videoMessage.payload.thumbWidth||videoMessage.width)+'px')+';'+('height:'+((videoMessage.payload.thumbHeight||videoMessage.height)+'px')+';')}}" src="{{videoMessage.payload.videoUrl||videoMessage.videoUrl}}" poster="{{videoMessage.payload.thumbUrl||videoMessage.videoCover}}" object-fit="cover" error="videoError" autoplay="true" direction="0" show-fullscreen-btn="false"></video></block></view></block></view>