dialogbox.wxml 2.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940
  1. <!-- 头部 -->
  2. <view class="header">
  3. <view class="header_title">{{headerTitle}}</view>
  4. <view class="header_botton" wx:if="{{joinHands}}">
  5. <van-button custom-class='head-bot-class head-bot-l' catchtap="refuseToCooperate">暂不合作</van-button>
  6. <van-button custom-class='head-bot-class head-bot-r' catchtap="confirmTheCooperation">确认合作</van-button>
  7. </view>
  8. </view>
  9. <!-- 聊天 bindscrolltoupper='scrolltoupper' -->
  10. <scroll-view class="chatFrame" refresher-default-style='none' refresher-enabled bindrefresherrefresh='scrolltoupper' refresher-triggered='{{triggered}}' scroll-y scroll-into-view="{{toView}}">
  11. <view style="height: 110rpx;"></view>
  12. <MsgBubble wx:for="{{socketMsgQueue}}" wx:key="index" id="item{{index}}" type='{{item.message.ftype}}' fobsurl='{{item.message.data[0].fobsurl}}' role="{{userid==item.message.sendfrom.userid?'my':'you'}}" userImg='{{item.message.sendfrom.headpic}}' content='{{item.message.data.fcontent}}' time='{{item.message.fdatetime}}' />
  13. <view style="height: {{keyboardHeight}}px;"></view>
  14. <view id="bottom" style="height: {{iosX?'102':'85'}}px;"></view>
  15. </scroll-view>
  16. <!-- 底部输入 -->
  17. <view class="input-box" style="bottom:{{keyboardHeight}}px;">
  18. <!-- {{lineCount>1?'multi-row':''}} -->
  19. <textarea class="input-text " bindfocus="textareaFocus" adjust-position='{{false}}' bindconfirm='sendMsg' show-confirm-bar='{{false}}' confirm-type='send' confirm-hold='true' cursor-spacing='45' bindinput='sendInput' value='{{sendText}}' maxlength='-1' fixed='true' type="text" bindlinechange='linechange' bindkeyboardheightchange='keyboardheightchange'></textarea>
  20. <view class="functionalZone" catchtap="selectionFunction">
  21. <image data-name='表情' mode="heightFix" src="/static/chatRoom/icon-01.png" />
  22. <image data-name='图片' mode="heightFix" src="/static/chatRoom/icon-02.png" />
  23. <image data-name='历史' mode="heightFix" src="/static/chatRoom/icon-03.png" />
  24. </view>
  25. <!-- 安全距离 -->
  26. <view style="height: {{iosX?'34':'0'}}rpx;"></view>
  27. </view>
  28. <!-- 表情-->
  29. <van-popup show="{{ memePopup }}" overlay='{{false}}' position='bottom' safe-area-inset-bottom='{{false}}'>
  30. <view class="popup-class">
  31. <scroll-view scroll-y class="meme-box">
  32. <view class="meme-item" wx:for="{{memeList}}" wx:key="index" data-item="{{item}}" catchtap="sendMeme">
  33. <image src="{{item.fobsurl}}" mode="aspectFill"></image>
  34. </view>
  35. </scroll-view>
  36. <view style="height: {{iosX?'34':'0'}}rpx;"></view>
  37. </view>
  38. </van-popup>
  39. <view wx:if="{{ memePopup }}" bindtap="endMemePopup" class="mask-layer"></view>