dialogbox.wxml 3.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  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="toCreate">
  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||fimdialogtype!='话题'}}">
  27. <!-- 普通输入框 -->
  28. <!-- bindblur="sendMsg" -->
  29. <textarea class="input-text" bindfocus="textareaFocus" style="padding-right: {{timsubjectid==0?'25rpx':'150rpx'}};" 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'>
  30. <!-- 话题 -->
  31. <block wx:if="{{fimdialogtype=='话题'}}">
  32. <view class="gambit" wx:if="{{timsubjectid==0}}" catchtap="createGambit">
  33. 发起会话
  34. </view>
  35. <navigator wx:else url='#' class="gambit-end" catchtap="endGambit">
  36. <image src="/static/icon-20.png" mode="aspectFill"></image>
  37. </navigator>
  38. </block>
  39. </textarea>
  40. <view class="functionalZone" catchtap="selectionFunction">
  41. <image data-name='表情' mode="heightFix" src="/static/chatRoom/icon-01.png" />
  42. <image data-name='图片' mode="heightFix" src="/static/chatRoom/icon-02.png" />
  43. <image data-name='历史' mode="heightFix" src="/static/chatRoom/icon-03.png" />
  44. </view>
  45. <!-- 安全距离 -->
  46. <view style="height: {{iosX?'34':'0'}}rpx;"></view>
  47. </view>
  48. <!-- 表情-->
  49. <van-popup show="{{ memePopup }}" overlay='{{false}}' position='bottom' safe-area-inset-bottom='{{false}}'>
  50. <view class="popup-class">
  51. <scroll-view scroll-y class="meme-box">
  52. <view class="meme-item" wx:for="{{memeList}}" wx:key="index" data-item="{{item}}" catchtap="sendMeme">
  53. <image src="{{item.fobsurl}}" mode="aspectFill"></image>
  54. </view>
  55. </scroll-view>
  56. <view style="height: {{iosX?'34':'0'}}rpx;"></view>
  57. </view>
  58. </van-popup>
  59. <view wx:if="{{ memePopup }}" bindtap="endMemePopup" class="mask-layer"></view>