index.wxml 4.0 KB

1
  1. <view class="content data-v-14f76d5f"><view class="{{['content-box','data-v-14f76d5f',(showFunBtn)?'content-showfn':'']}}" id="content-box" data-event-opts="{{[['touchstart',[['touchstart',['$event']]]]]}}" bindtouchstart="__e"><image class="content-box-bg data-v-14f76d5f" style="{{'height:'+(imgHeight)+';'}}" src="{{_user_info.chatBgImg}}"></image><block wx:if="{{loading}}"><view class="content-box-loading data-v-14f76d5f"><u-loading vue-id="ec1280f2-1" mode="flower" class="data-v-14f76d5f" bind:__l="__l"></u-loading></view></block><view data-event-opts="{{[['tap',[['linkToBack']]]]}}" class="history-font data-v-14f76d5f" bindtap="__e">记录详情</view><block wx:for="{{messageList}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="{{['message','data-v-14f76d5f',index==0?'marginTop50':' ']}}" id="{{'msg-'+item.hasBeenSentId}}"><view class="{{['message-item','','data-v-14f76d5f',item.isItMe?'right':'left']}}"><image class="img data-v-14f76d5f" src="{{item.fromUserHeadImg}}" mode></image><block wx:if="{{item.contentType==1}}"><view class="content data-v-14f76d5f">{{item.content+''}}<button data-event-opts="{{[['tap',[['goPayPage',['$event']]]]]}}" hidden="{{!(index==2)}}" class="pay-btn-class data-v-14f76d5f" bindtap="__e">前往缴费</button><image class="img data-v-14f76d5f" src="{{item.fromUserHeadImg}}" mode></image></view></block><block wx:if="{{item.contentType==2}}"><view class="{{['content','contentType2','data-v-14f76d5f',[(item.isItMe)?'content-type-right':'']]}}" style="{{'width:'+(130+item.contentDuration*2+'rpx')+';'}}" hover-class="contentType2-hover-class" data-event-opts="{{[['tap',[['handleAudio',['$0'],[[['messageList','',index]]]]]]]}}" bindtap="__e"><view class="{{['voice_icon','data-v-14f76d5f',[(item.isItMe)?'voice_icon_right':''],[(!item.isItMe)?'voice_icon_left':''],[(item.anmitionPlay&&item.isItMe)?'voice_icon_right_an':''],[(item.anmitionPlay&&!item.isItMe)?'voice_icon_left_an':'']]}}"></view><view class="data-v-14f76d5f">{{item.contentDuration+"''"}}</view></view></block></view></view></block></view><block wx:if="{{false}}"><view class="{{['input-box','data-v-14f76d5f',(mpInputMargin)?'input-box-mpInputMargin':'']}}"><view class="input-box-flex data-v-14f76d5f"><view class="input-box-flex-grow data-v-14f76d5f"><view data-event-opts="{{[['touchstart',[['startVoice',['$event']]]],['touchmove',[['moveVoice',['$event']]]],['touchend',[['endVoice',['$event']]]],['touchcancel',[['cancelVoice',['$event']]]]]}}" class="voice_title data-v-14f76d5f" catchtouchstart="__e" catchtouchmove="__e" catchtouchend="__e" catchtouchcancel="__e">{{''+voiceTitle+''}}</view></view></view><view class="{{['fun-box','data-v-14f76d5f',(showFunBtn)?'show-fun-box':'']}}"><u-grid vue-id="ec1280f2-2" col="{{4}}" hover-class="contentType2-hover-class" border="{{false}}" data-event-opts="{{[['^click',[['clickGrid']]]]}}" bind:click="__e" class="data-v-14f76d5f" bind:__l="__l" vue-slots="{{['default']}}"><block wx:for="{{funList}}" wx:for-item="item" wx:for-index="index" wx:key="index"><u-grid-item vue-id="{{('ec1280f2-3-'+index)+','+('ec1280f2-2')}}" index="{{index}}" bg-color="#eaeaea" class="data-v-14f76d5f" bind:__l="__l" vue-slots="{{['default']}}"><u-icon vue-id="{{('ec1280f2-4-'+index)+','+('ec1280f2-3-'+index)}}" name="{{item.icon}}" size="{{52}}" class="data-v-14f76d5f" bind:__l="__l"></u-icon><view class="grid-text data-v-14f76d5f">{{item.title}}</view></u-grid-item></block></u-grid></view></view></block><block wx:if="{{recording}}"><view class="voice_an data-v-14f76d5f"><view class="voice_an_icon data-v-14f76d5f"><view class="wave data-v-14f76d5f" id="one"></view><view class="wave data-v-14f76d5f" id="two"></view><view class="wave data-v-14f76d5f" id="three"></view><view class="wave data-v-14f76d5f" id="four"></view><view class="wave data-v-14f76d5f" id="five"></view><view class="wave data-v-14f76d5f" id="six"></view><view class="wave data-v-14f76d5f" id="seven"></view></view><view class="text data-v-14f76d5f">{{voiceIconText}}</view></view></block></view>