chat.wxml 6.2 KB

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