dialogbox.wxml 3.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  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 class="header_botton" wx:if="{{fimdialogtype=='话题'&&fimuserid==userid}}">
  9. <van-button custom-class='compile' catchtap="a54564">
  10. <image src="/static/icon-19.png" style="width: 16rpx;height: 20rpx;"></image>
  11. 编辑
  12. </van-button>
  13. </view>
  14. </view>
  15. <!-- 聊天 bindscrolltoupper='scrolltoupper' -->
  16. <scroll-view class="chatFrame" refresher-default-style='none' refresher-enabled bindrefresherrefresh='scrolltoupper' refresher-triggered='{{triggered}}' scroll-y scroll-into-view="{{toView}}">
  17. <view style="height: 110rpx;"></view>
  18. <!-- 个人聊天 -->
  19. <MsgBubble wx:if="{{fimdialogtype!='话题'}}" wx:for="{{socketMsgQueue}}" isGroup='{{item.message.timsubjectid}}' groupData="{{item.message}}" 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}}' />
  20. <!-- 群聊聊天 -->
  21. <GambitMsgBubble wx:if="{{fimdialogtype=='话题'}}" wx:for="{{gambitList}}" wx:if="{{item.imsubjectcontent.length!=0}}" itemData='{{item}}' wx:key="index" id="item{{index}}" fimuserid='{{fimuserid}}' role="{{userid==fimuserid?true:false}}" />
  22. <view style="height: {{keyboardHeight}}px;"></view>
  23. <view id="bottom" style="height: {{iosX?'102':'85'}}px;"></view>
  24. </scroll-view>
  25. <!-- 底部输入 -->
  26. <view class="input-box" style="bottom:{{keyboardHeight}}px;" wx:if="{{fimuserid==userid}}">
  27. <!-- 普通输入框 -->
  28. <textarea class="input-text" bindfocus="textareaFocus" bindblur="sendMsg" 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'>
  29. <!-- 话题 -->
  30. <block wx:if="{{fimdialogtype=='话题'}}">
  31. <view class="gambit" wx:if="{{timsubjectid==0}}" catchtap="createGambit">
  32. 发起会话
  33. </view>
  34. <navigator wx:else url='#' class="gambit-end" catchtap="endGambit">
  35. <image src="/static/icon-20.png" mode="aspectFill"></image>
  36. </navigator>
  37. </block>
  38. </textarea>
  39. <view class="functionalZone" catchtap="selectionFunction">
  40. <image data-name='表情' mode="heightFix" src="/static/chatRoom/icon-01.png" />
  41. <image data-name='图片' mode="heightFix" src="/static/chatRoom/icon-02.png" />
  42. <image data-name='历史' mode="heightFix" src="/static/chatRoom/icon-03.png" />
  43. </view>
  44. <!-- 安全距离 -->
  45. <view style="height: {{iosX?'34':'0'}}rpx;"></view>
  46. </view>
  47. <!-- 表情-->
  48. <van-popup show="{{ memePopup }}" overlay='{{false}}' position='bottom' safe-area-inset-bottom='{{false}}'>
  49. <view class="popup-class">
  50. <scroll-view scroll-y class="meme-box">
  51. <view class="meme-item" wx:for="{{memeList}}" wx:key="index" data-item="{{item}}" catchtap="sendMeme">
  52. <image src="{{item.fobsurl}}" mode="aspectFill"></image>
  53. </view>
  54. </scroll-view>
  55. <view style="height: {{iosX?'34':'0'}}rpx;"></view>
  56. </view>
  57. </van-popup>
  58. <view wx:if="{{ memePopup }}" bindtap="endMemePopup" class="mask-layer"></view>