chat.wxml 6.4 KB

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