chat-input.wxml 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. <import src="voice.wxml" />
  2. <import src="extra.wxml" />
  3. <template name="chat-input">
  4. <view class="input-flex-column" catchtap="">
  5. <view class="input-text-voice-super">
  6. <block wx:if="{{showVoicePart}}">
  7. <view class="emoji iconfont icon-emoji" catchtap="emojiShowHide"></view>
  8. <image src="../../image/chat/voice/{{inputObj.inputStatus==='voice'?'keyboard':'voice'}}.png"
  9. class="extra-btn-style" bindtap="emojis" />
  10. </block>
  11. <!-- <block wx:if="{{showVoicePart}}">
  12. <image src="../../image/chat/voice/{{inputObj.inputStatus==='voice'?'keyboard':'voice'}}.png"
  13. class="extra-btn-style" bindtap="changeInputWayEvent" />
  14. <block wx:if="{{inputObj.inputStatus==='voice'}}">
  15. <template is="voice" data="{{voiceObj:inputObj.voiceObj,canUsePress:inputObj.canUsePress}}" />
  16. </block>
  17. </block> -->
  18. <input wx:if="{{inputObj.inputStatus==='text'}}"
  19. class="chat-input-style" style="margin-left:{{showVoicePart?0:16}}rpx;"
  20. maxlength="500" confirm-type="send" value="{{textMessage}}" bindconfirm="chatInputSendTextMessage" bindfocus="chatInputBindFocusEvent" bindblur="chatInputBindBlurEvent" bindinput="chatInputGetValueEvent"/>
  21. <view hover-class="press-style-opacity">
  22. <view wx:if="{{inputObj.inputType==='text'}}" class="chat-input-send-button-style" style="background-color: {{inputObj.inputStyle.sendButtonBgColor}};color: {{inputObj.inputStyle.sendButtonTextColor}};" catchtap="chatInputSendTextMessage02">发送</view>
  23. <image wx:else class="extra-btn-style"
  24. src="../../image/chat/extra.png" catchtap="chatInputExtraClickEvent" />
  25. </view>
  26. </view>
  27. <block wx:if="{{inputObj.extraObj.chatInputShowExtra}}">
  28. <view class="list-divide-line" />
  29. <template is="chat-extra-function-part"
  30. data="{{chat$input$extra$arr:inputObj.extraObj.chatInputExtraArr}}" />
  31. </block>
  32. <!--
  33. <block >
  34. <view>1111</view>
  35. </block> -->
  36. </view>
  37. </template>