chat.wxml 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125
  1. <!-- <view class='HGJKHJKHJK'> -->
  2. <scroll-view class="history" scroll-y="true" scroll-with-animation scroll-top="10000" bindtap="resetInputStatus">
  3. <!-- 自己 -->
  4. <block wx:if="{{messages || photo}}"> <!-- wx:for='{{home}}' wx:key="item" wx:for-index="id" -->
  5. <view class='my_right c' >
  6. <text class='time'>下午 9:25</text>
  7. <!-- 文字-->
  8. <view class='information' wx:if="{{messages}}">
  9. <!-- 加载 -->
  10. <view class='m_state'>
  11. <image class='m_jz' src='/image/jz.png'></image>
  12. </view>
  13. <!-- 失败 -->
  14. <view class='m_state' bindtap="retransmission">
  15. <image class='m_jz' src='/image/send_fail.png' mode="aspectFill"></image>
  16. </view>
  17. <text>{{messages}}</text>
  18. <image class='m_tx' src='/image/personal1.jpg' mode="aspectFill"></image>
  19. </view>
  20. <!-- 图片 -->
  21. <view class='m_img' wx:elif="{{photo}}">
  22. <!-- 加载 -->
  23. <view class='m_state'>
  24. <image class='m_jz' src='/image/jz.png'></image>
  25. </view>
  26. <!-- 失败 -->
  27. <view class='m_state'>
  28. <image class='m_jz' src='/image/send_fail.png' mode="aspectFill"></image>
  29. </view>
  30. <image class='m_picture' src='{{photo}}' mode="aspectFill" data-src='/image/smyz2.png' bindtap='enlarge'></image>
  31. <image class='m_tx' src='/image/personal1.jpg'></image>
  32. </view>
  33. </view>
  34. </block>
  35. <!-- 他人 -->
  36. <!-- <view class='my_left c'>
  37. <text class='l_time'>下午 9:25</text>
  38. <view class='l_information'>
  39. <image class='l_tx' src='/image/personal1.jpg'></image>
  40. <text>阿萨德,啊实打实的,啊 ASD ASD</text>
  41. </view>
  42. <view class='l_img'>
  43. <image class='l_tx' src='/image/personal1.jpg'></image>
  44. <image class='l_picture' src='/image/smyz2.png' data-src='/image/smyz2.png' mode="widthFix" bindtap='enlarge'></image>
  45. </view>
  46. </view> -->
  47. <!-- <view style='height:148rpx'></view> -->
  48. </scroll-view>
  49. <!-- </view> -->
  50. <!-- 功能栏 -->
  51. <view class='my_bottom_box'>
  52. <view class='my_bottom c'>
  53. <!-- 表情 -->
  54. <image class='l_img' src='/image/bq1.png'></image>
  55. <!-- 输入框 -->
  56. <view class="textarea-wrp">
  57. <input
  58. type='text'
  59. value="{{inputValue}}"
  60. bindinput="Telephone"
  61. confirm-type="send"
  62. cursor-spacing="20"
  63. adjust-position="true"
  64. bindconfirm="Sendout"
  65. ></input>
  66. </view>
  67. <!-- 菜单 -->
  68. <view hover-class="press-style-opacity" catchtap="chatInputExtraClickEvent" >
  69. <image class='r_img' src='/image/jh1.png'></image>
  70. </view>
  71. </view>
  72. <block wx:if="{{menu}}">
  73. <view class="extra-super c" >
  74. <view class="flex-column" style="width: 25%" bindtap='chooseImageTap' data-index="{{index}}">
  75. <image class="extra-image-size" src="/image/m_chat/extra/choose_picture.png" />
  76. <text class="extra-text-size">图片</text>
  77. </view>
  78. <!-- <view class="flex-column" style="width: 25%" bindtap="chatInputExtraItemClickEvent" data-index="{{index}}">
  79. <image class="extra-image-size" src="/image/m_chat/extra/choose_picture.png" />
  80. <text class="extra-text-size">图片</text>
  81. </view>
  82. <view class="flex-column" style="width: 25%" bindtap="chatInputExtraItemClickEvent" 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>
  91. </block>
  92. </view>