chat.wxml 6.5 KB

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