java-mall-app/unpackage/dist/dev/mp-weixin/im/chat/chat.wxml
2025-12-12 17:04:03 +08:00

1 line
11 KiB
Plaintext

<view><view data-event-opts="{{[['touchstart',[['hideDrawer',['$event']]]]]}}" class="content" bindtouchstart="__e"><scroll-view class="msg-list" scroll-y="true" scroll-with-animation="{{scrollAnimation}}" scroll-top="{{scrollTop}}" scroll-into-view="{{scrollToView}}" upper-threshold="50" data-event-opts="{{[['scrolltoupper',[['loadHistory',['$event']]]]]}}" bindscrolltoupper="__e"><block wx:if="{{ispage}}"><view class="loading"><view class="spinner"><view class="rect1"></view><view class="rect2"></view><view class="rect3"></view><view class="rect4"></view><view class="rect5"></view></view></view></block><block wx:for="{{$root.l0}}" wx:for-item="row" wx:for-index="index" wx:key="index"><view class="row" id="{{'msg'+row.$orig.msg.id}}"><block wx:if="{{row.$orig.type=='system'}}"><block><view class="system"><block wx:if="{{row.$orig.msg.type=='text'}}"><view class="text">{{''+row.$orig.msg.content.text+''}}</view></block><block wx:if="{{row.$orig.msg.type=='redEnvelope'}}"><view class="red-envelope"><image src="https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/im/img/red-envelope-chat.png"></image>{{''+row.$orig.msg.content.text+''}}</view></block></view></block></block><block wx:if="{{row.$orig.type=='user'}}"><block><block wx:if="{{row.$orig.msg.userinfo.uid==myuid}}"><view class="my"><view class="left"><block wx:if="{{row.$orig.msg.type=='text'}}"><view class="bubble"><rich-text class="white" nodes="{{row.$orig.msg.content.text+''}}"></rich-text></view></block><block wx:if="{{row.$orig.msg.type=='voice'}}"><view data-event-opts="{{[['tap',[['playVoice',['$0'],[[['msgList','',index]]]]]]]}}" class="{{['bubble','voice',playMsgid==row.$orig.msg.id?'play':'']}}" bindtap="__e"><view class="length">{{row.$orig.message_length?row.$orig.message_length:row.g0}}</view><view class="icon my-voice"></view></view></block><block wx:if="{{row.$orig.msg.type=='img'}}"><view data-event-opts="{{[['tap',[['showPic',['$0'],[[['msgList','',index,'msg']]]]]]]}}" class="bubble img" bindtap="__e"><image style="{{'width:'+(row.$orig.msg.content.w+'px')+';'+('height:'+(row.$orig.msg.content.h+'px')+';')}}" src="{{row.$orig.msg.content.url}}"></image></view></block><block wx:if="{{row.$orig.msg.type=='video'}}"><view data-event-opts="{{[['tap',[['playVideo',['$0'],[[['msgList','',index]]]]]]]}}" class="{{['bubble','video',playMsgid==row.$orig.msg.id?'play':'']}}" bindtap="__e"><image style="width:100rpx;height:100rpx;" lazy-load="{{true}}" src="/static/images/play.png"></image></view></block><block wx:if="{{row.$orig.msg.type=='redEnvelope'}}"><view data-event-opts="{{[['tap',[['openRedEnvelope',['$0',index],[[['msgList','',index,'msg']]]]]]]}}" class="bubble red-envelope" bindtap="__e"><image src="https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/im/img/red-envelope.png"></image><view class="tis"></view><view class="blessing">{{''+row.$orig.msg.content.blessing+''}}</view></view></block><block wx:if="{{row.$orig.msg.type=='item'}}"><view class="bubble red-envelope" style="width:100%;max-width:100%;"><navigator class="m-product-item" url="{{'/pages/product/detail'+'?pid='+row.$orig.msg.content.item_id}}"><view class="m-product-img product-list"><image lazy-load="{{true}}" src="{{row.$orig.msg.content.product_image}}"></image></view><view class="m-product-info1" style="display:flex;flex-flow:column;justify-content:space-between;"><view class="m-product-name2"><label style="color:#606060;">{{row.$orig.msg.content.product_item_name}}</label></view><view class="m-product-price1"><view class="money"><block><label>{{row.m0}}</label><label>{{row.m1}}</label></block></view></view></view></navigator></view></block></view><view class="right"><image src="{{row.$orig.msg.userinfo.face}}"></image></view></view></block><block wx:if="{{row.$orig.msg.userinfo.uid!=myuid}}"><view class="other"><view class="left"><image src="{{row.$orig.msg.userinfo.face}}"></image></view><view class="right"><view class="username"><view class="name">{{row.$orig.msg.userinfo.username}}</view><view class="time">{{row.$orig.msg.time}}</view></view><block wx:if="{{row.$orig.msg.type=='text'}}"><view class="bubble"><rich-text class="white" nodes="{{row.$orig.msg.content.text+''}}"></rich-text></view></block><view class="_br"></view><block wx:if="{{false&&row.$orig.msg.type=='text'}}"><view data-event-opts="{{[['tap',[['translate',['$0',index],[[['msgList','',index,'msg.content.text']]]]]]]}}" style="font-size:24rpx;line-height:60rpx;width:100%;" bindtap="__e">{{''+(row.$orig.translate_txt?row.$orig.translate_txt:row.m2)+''}}</view></block><block wx:if="{{row.$orig.msg.type=='voice'}}"><view data-event-opts="{{[['tap',[['playVoice',['$0'],[[['msgList','',index]]]]]]]}}" class="{{['bubble','voice',playMsgid==row.$orig.msg.id?'play':'']}}" bindtap="__e"><view class="icon other-voice"></view><view class="length">{{row.$orig.message_length?row.$orig.message_length:row.g1}}</view></view></block><block wx:if="{{row.$orig.msg.type=='img'}}"><view data-event-opts="{{[['tap',[['showPic',['$0'],[[['msgList','',index,'msg']]]]]]]}}" class="bubble img" bindtap="__e"><image style="{{'width:'+(row.$orig.msg.content.w+'px')+';'+('height:'+(row.$orig.msg.content.h+'px')+';')}}" src="{{row.$orig.msg.content.url}}"></image></view></block><block wx:if="{{row.$orig.msg.type=='video'}}"><view data-event-opts="{{[['tap',[['playVideo',['$0'],[[['msgList','',index]]]]]]]}}" class="{{['bubble','video',playMsgid==row.$orig.msg.id?'play':'']}}" bindtap="__e"><image style="width:100rpx;height:100rpx;" lazy-load="{{true}}" src="/static/images/play.png"></image></view></block><block wx:if="{{row.$orig.msg.type=='redEnvelope'}}"><view data-event-opts="{{[['tap',[['openRedEnvelope',['$0',index],[[['msgList','',index,'msg']]]]]]]}}" class="bubble red-envelope" bindtap="__e"><image src="https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/im/img/red-envelope.png"></image><view class="tis"></view><view class="blessing">{{''+row.$orig.msg.content.blessing+''}}</view></view></block></view></view></block></block></block></view></block></scroll-view></view><view data-event-opts="{{[['touchmove',[['discard',['$event']]]]]}}" class="{{['popup-layer',popupLayerClass]}}" catchtouchmove="__e"><emotion class="{{[(hideEmoji)?'hidden':'']}}" bind:addEmoji="__e" vue-id="5327d398-1" data-event-opts="{{[['^addEmoji',[['addEmoji']]]]}}" bind:__l="__l"></emotion><view class="{{['more-layer',(hideMore)?'hidden':'']}}"><view class="list"><view data-event-opts="{{[['tap',[['chooseImage',['$event']]]]]}}" class="box" bindtap="__e"><view class="icon tupian2"></view></view><view data-event-opts="{{[['tap',[['camera',['$event']]]]]}}" class="box" bindtap="__e"><view class="icon paizhao"></view></view><block wx:if="{{false}}"><view data-event-opts="{{[['tap',[['handRedEnvelopes',['$event']]]]]}}" class="box" bindtap="__e"><view class="icon hongbao"></view></view></block><view data-event-opts="{{[['tap',[['chooseVideo',['$event']]]]]}}" class="box" bindtap="__e"><image style="border-radius:10px;width:32px;height:32px;background-color:#333;" src="/static/images/play.png"></image></view><block wx:if="{{false}}"><view data-event-opts="{{[['tap',[['weizhi',['$event']]]]]}}" class="box" bindtap="__e"><image style="font-size:16px;width:32px;height:32px;" src="https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/im/img/more/weizhi.png"></image></view></block><block wx:if="{{false}}"><view data-event-opts="{{[['tap',[['yuyinshuru',['$event']]]]]}}" class="box" bindtap="__e"><image style="font-size:16px;width:32px;height:32px;" src="https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/im/img/more/yuyinshuru.png"></image></view></block><block wx:if="{{false}}"><view data-event-opts="{{[['tap',[['meShouchang',['$event']]]]]}}" class="box" bindtap="__e"><image style="font-size:16px;width:32px;height:32px;" src="https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/im/img/more/me-shouchang.png"></image></view></block><block wx:if="{{false}}"><view data-event-opts="{{[['tap',[['userinfo',['$event']]]]]}}" class="box" bindtap="__e"><image style="font-size:16px;width:32px;height:32px;" src="https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/im/img/more/userinfo.png"></image></view></block></view></view></view><view data-event-opts="{{[['touchmove',[['discard',['$event']]]]]}}" class="{{['input-box',popupLayerClass]}}" catchtouchmove="__e"><view class="voice"><view data-event-opts="{{[['tap',[['switchVoice',['$event']]]]]}}" class="{{['icon',isVoice?'jianpan':'yuyin']}}" bindtap="__e"></view></view><view class="textbox"><view data-event-opts="{{[['touchstart',[['voiceBegin',['$event']]]],['touchmove',[['voiceIng',['$event']]]],['touchend',[['voiceEnd',['$event']]]],['touchcancel',[['voiceCancel',['$event']]]]]}}" class="{{['voice-mode',isVoice?'':'hidden',recording?'recording':'']}}" bindtouchstart="__e" catchtouchmove="__e" bindtouchend="__e" bindtouchcancel="__e">{{voiceTis+''}}</view><view class="{{['text-mode',isVoice?'hidden':'']}}"><view class="box"><textarea auto-height="true" cursor-spacing="20" data-event-opts="{{[['focus',[['textareaFocus',['$event']]]],['input',[['__set_model',['','textMsg','$event',[]]]]]]}}" value="{{textMsg}}" bindfocus="__e" bindinput="__e"></textarea></view><view data-event-opts="{{[['tap',[['chooseEmoji',['$event']]]]]}}" class="em" bindtap="__e"><view class="icon biaoqing"></view></view></view></view><view data-event-opts="{{[['tap',[['showMore',['$event']]]]]}}" class="more" bindtap="__e"><view class="icon add"></view></view><view data-event-opts="{{[['tap',[['sendText',['$event']]]]]}}" class="{{['send',isVoice?'hidden':'']}}" bindtap="__e"><view class="btn">{{$root.m3}}</view></view></view><view class="{{['record',recording?'':'hidden']}}"><view class="{{['ing',willStop?'hidden':'']}}"><view class="icon luyin2"></view></view><view class="{{['cancel',willStop?'':'hidden']}}"><view class="icon chehui"></view></view><view class="{{['tis',willStop?'change':'']}}">{{recordTis}}</view></view><view class="{{['windows',windowsState]}}"><view data-event-opts="{{[['touchmove',[['discard',['$event']]]],['tap',[['closeRedEnvelope',['$event']]]]]}}" class="mask" catchtouchmove="__e" bindtap="__e"></view><view data-event-opts="{{[['touchmove',[['discard',['$event']]]]]}}" class="layer" catchtouchmove="__e"><view class="open-redenvelope"><view class="top"><view class="close-btn"><view data-event-opts="{{[['tap',[['closeRedEnvelope',['$event']]]]]}}" class="icon close" bindtap="__e"></view></view><image src="https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/im/img/im/face/face_1.jpg"></image></view><view class="from">{{"来自"+redenvelopeData.from}}</view><view class="blessing">{{redenvelopeData.blessing}}</view><view class="money">{{redenvelopeData.money}}</view><view data-event-opts="{{[['tap',[['toDetails',['$0'],['redenvelopeData.rid']]]]]}}" class="showDetails" bindtap="__e">查看领取详情<view class="icon to"></view></view></view></view></view><block wx:if="{{isPlay}}"><view class="videoShow"><view class="header"><text data-event-opts="{{[['tap',[['e0',['$event']]]]]}}" bindtap="__e">{{$root.m4}}</text></view><video class="vue-ref" src="{{video}}" object-fit="contain" autoplay="{{true}}" data-ref="video" data-event-opts="{{[['ended',[['e1',['$event']]]],['pause',[['e2',['$event']]]]]}}" bindended="__e" bindpause="__e"></video></view></block></view>