chat-edit.wxml 2.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. <view
  2. class="plv-mp-chat-edit-wrap {{ showMore }} plv-mp-skin__{{ skin }}"
  3. style="{{ iPhoneX ? 'bottom: 32px' : '0' }}">
  4. <view class="plv-mp-chat-edit-input">
  5. <view class="plv-mp-chat-edit-input-left">
  6. <image bindtap="tapEmoji" class="plv-mp-chat-edit-input__icon" src="../../assets/images/{{ skin }}/chatroom-icon-emoji.png" />
  7. </view>
  8. <input bindinput="chatInputChange"
  9. value="{{ chatTitle }}"
  10. class="plv-mp-chat-edit-ipt"
  11. placeholder="我也来聊几句..."
  12. maxlength="200" />
  13. <view class="plv-mp-chat-edit-input-right">
  14. <image
  15. wx:if="{{ !chatTitle.length && !isAsk }}"
  16. bindtap="tapMore"
  17. class="plv-mp-chat-edit-input__icon plv-mp-chat-edit-input__add"
  18. src="../../assets/images/{{skin}}/{{ showMore ? 'chatroom-icon-keyboard.png' : 'chatroom-icon-more.png' }}"
  19. />
  20. <view wx:else bindtap="tapSend" class="plv-mp-send-btn">发送</view>
  21. </view>
  22. </view>
  23. <view class="plv-mp-chat-edit-more">
  24. <view class="plv-mp-emotion-list" wx:if="{{ showEmotionList }}">
  25. <view
  26. bindtap="tapEmotionIcon"
  27. data-title="{{ emotionItem.title }}"
  28. class="plv-mp-emotion-item"
  29. wx:for="{{ emotionslist }}"
  30. wx:for-item="emotionItem"
  31. wx:key="url"
  32. >
  33. <view class="plv-mp-emotion-item__icon" style="background-position: {{ emotionItem.position }}"></view>
  34. </view>
  35. </view>
  36. <view class="plv-mp-chat-edit-plus" wx:if="{{ showMore }}">
  37. <view bindtap="tapOnlyHost" class="plv-mp-chat-edit-plus-item">
  38. <image
  39. class="plv-mp-chat-edit-host-icon"
  40. src="{{ isOnlyHost ? '../../assets/images/more-icon-host.png' : '../../assets/images/more-icon-host-off.png' }}"
  41. />
  42. <text class="plv-mp-chat-edit-host-title">{{ isOnlyHost ? '查看全部' : '只看主持人' }}</text>
  43. </view>
  44. <view wx:if="{{ showSendImg }}" class="plv-mp-chat-edit-plus-item">
  45. <image
  46. class="plv-mp-chat-edit-host-icon"
  47. src="../../assets/images/more-icon-host.png"
  48. />
  49. <text class="plv-mp-chat-edit-host-title">发送图片</text>
  50. </view>
  51. <!-- <view wx:if="{{ showBulletin }}" bindtap="tapBulletin" class="plv-mp-chat-edit-plus-item"> -->
  52. <!-- 产品说公告按钮一直显示。保留代码,以防产品变卦 -->
  53. <view bindtap="tapBulletin" class="plv-mp-chat-edit-plus-item">
  54. <image
  55. class="plv-mp-chat-edit-host-icon"
  56. src="../../assets/images/more-bulletin-icon.png"
  57. />
  58. <text class="plv-mp-chat-edit-host-title">公告</text>
  59. </view>
  60. </view>
  61. </view>
  62. </view>