chat.wxml 6.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147
  1. <!-- scroll-top="{{scrollTopVal}}"
  2. bindscrolltoupper="upper"
  3. bindscrolltolower="lower"
  4. bindscroll="scroll" -->
  5. <!-- bindscroll="ceshi" -->
  6. <scroll-view class="history" scroll-top="{{scrollTopVal}}" scroll-y="true" bindtap="resetInputStatus" bindscrolltoupper="upper" scroll-into-view="{{toView}}">
  7. <view class='Load_img_box' hidden="{{hiddenName}}">
  8. <view class='Load_img'><image src='/image/jz.png' mode="aspectFill"></image></view>
  9. </view>
  10. <!-- 自己 -->
  11. <block wx:for='{{Receive_news}}' wx:key="item">
  12. <view class='my_right c' wx:if="{{item.isMy === true}}" id="{{item.hooks}}">
  13. <text class='time' wx:if="{{item.time}}">{{item.time}}</text>
  14. <!-- 文字-->
  15. <view class='information' wx:if="{{item.type == 1}}">
  16. <!-- 加载 -->
  17. <!-- <view class='m_state'>
  18. <image class='m_jz' src='/image/jz.png'></image>
  19. </view> -->
  20. <!-- 失败 -->
  21. <view class='m_state' bindtap="retransmission" wx:if="{{item.send == false}}">
  22. <image class='m_jz' src='/image/send_fail.png' mode="aspectFill"></image>
  23. </view>
  24. <text>{{item.content}}</text>
  25. <image class='m_tx' src='{{myheadurl}}' mode="aspectFill"></image>
  26. </view>
  27. <!-- 图片 -->
  28. <view class='m_img' wx:if="{{item.type == 2}}">
  29. <!-- 加载 -->
  30. <!-- <view class='m_state'>
  31. <image class='m_jz' src='/image/jz.png'></image>
  32. </view> -->
  33. <!-- 失败 -->
  34. <view class='m_state' bindtap="retransmission" wx:if="{{item.send == false}}">
  35. <image class='m_jz' src='/image/send_fail.png' mode="aspectFill"></image>
  36. </view>
  37. <image class='m_picture' src='{{item.content}}' mode="aspectFill" data-src='{{item.content}}' bindtap='enlarge'></image>
  38. <image class='m_tx' src='{{myheadurl}}'></image>
  39. </view>
  40. </view>
  41. <!-- 他人 -->
  42. <view class='my_left c' wx:if="{{item.isMy === false}}" id="{{item.hooks}}">
  43. <text class='l_time' wx:if="{{item.time}}">{{item.time}}</text>
  44. <view class='l_information' wx:if="{{item.type == 1}}">
  45. <image class='l_tx' src='{{headUrl}}'></image>
  46. <text>{{item.content}}</text>
  47. </view>
  48. <view class='l_img' wx:if="{{item.type == 2}}">
  49. <image class='l_tx' src='{{headUrl}}'></image>
  50. <image class='l_picture' src='{{item.content}}' data-src='{{item.content}}' mode="widthFix" bindtap='enlarge'></image>
  51. </view>
  52. </view>
  53. </block>
  54. </scroll-view>
  55. <!-- 功能栏 -->
  56. <view class='my_bottom_box'>
  57. <view class='my_bottom c'>
  58. <!-- 表情 -->
  59. <image class='l_img' src='/image/bq1.png' catchtap="ExpressionClickEvent"></image>
  60. <!-- 输入框 -->
  61. <view class="textarea-wrp " style='width:{{_width}}rpx'>
  62. <input
  63. type='text'
  64. value="{{inputValue}}"
  65. bindinput="Telephone"
  66. confirm-type="send"
  67. cursor-spacing="{{KeyboardHeight}}"
  68. adjust-position="true"
  69. bindconfirm="Sendout"
  70. bindfocus="bindfocusclick"
  71. ></input>
  72. </view>
  73. <!-- 菜单 -->
  74. <view hover-class="press-style-opacity" catchtap="chatInputExtraClickEvent" wx:if="{{menushow}}">
  75. <image class='r_img' src='/image/jh1.png'></image>
  76. </view>
  77. <!-- 发送按钮 -->
  78. <view class='Send_out' wx:if="{{Sendoutshow}}" bindtap="Sendout">发送</view>
  79. </view>
  80. <block wx:if="{{menu}}">
  81. <view class="extra-super c" >
  82. <view class="flex-column" style="width: 25%" bindtap='chooseImageTap' data-index="{{index}}">
  83. <image class="extra-image-size" src="/image/m_chat/extra/choose_picture.png" />
  84. <text class="extra-text-size">图片</text>
  85. </view>
  86. <!-- <view class="flex-column" style="width: 25%" bindtap="chatInputExtraItemClickEvent" data-index="{{index}}">
  87. <image class="extra-image-size" src="/image/m_chat/extra/choose_picture.png" />
  88. <text class="extra-text-size">图片</text>
  89. </view>
  90. <view class="flex-column" style="width: 25%" bindtap="chatInputExtraItemClickEvent" data-index="{{index}}">
  91. <image class="extra-image-size" src="/image/m_chat/extra/choose_picture.png" />
  92. <text class="extra-text-size">图片</text>
  93. </view>
  94. <view class="flex-column" style="width: 25%" bindtap="chatInputExtraItemClickEvent" data-index="{{index}}">
  95. <image class="extra-image-size" src="/image/m_chat/extra/choose_picture.png" />
  96. <text class="extra-text-size">图片</text>
  97. </view> -->
  98. </view>
  99. </block>
  100. <block wx:if="{{Expression}}">
  101. <view class="Expression_box c">
  102. <block wx:for='{{connectemojiO}}' wx:key="item">
  103. <view class='Expression_img' bindtap='Expression' data-id='{{item}}'>{{item}}</view>
  104. </block>
  105. </view>
  106. </block>
  107. </view>