业务交流通
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

wechat2.wxml 4.5KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  1. <!-- pages/wechat2/wechat2.wxml -->
  2. <view class="chat-header">
  3. <view class="header-image-box">
  4. <image class="header-image" src="{{receivebaseInfo.avatar}}"></image>
  5. </view>
  6. <view>
  7. <view class="chat-name">{{receivebaseInfo.nickname}}</view>
  8. <view class="chat-company">
  9. {{receivebaseInfo.company_name}} - {{receivebaseInfo.department_name}}
  10. </view>
  11. </view>
  12. </view>
  13. <view class='news'>
  14. <view class="historycon">
  15. <scroll-view scroll-y="true" scroll-into-view="{{scrollid}}" scroll-with-animation="{{true}}" style="height:{{scrollHeight}}" class="history" refresher-enabled="true" bindrefresherrefresh="refresh" refresher-triggered="{{triggered}}">
  16. <!-- 历史记录部分start -->
  17. <view wx:if="{{historyList.length > 0}}">
  18. <view class="historyText">历史消息</view>
  19. <block wx:for="{{historyList}}" wx:key="index">
  20. <!-- 此处为other -->
  21. <view wx:if="{{item.type==1}}" id="historyscrollid{{index}}">
  22. <view>
  23. <text class='chat-time' style="display:none;">{{item.date}}</text>
  24. </view>
  25. <view class='other-record'>
  26. <image class='other-head-img' src='{{receivebaseInfo.avatar}}'></image>
  27. <view class='other-record-content-triangle'></view>
  28. <view class='other-record-content'>{{item.content_msg}}</view>
  29. </view>
  30. </view>
  31. <!-- 此处为结尾 -->
  32. <!-- 此处为own -->
  33. <view id="historyscrollid{{index}}" wx:else>
  34. <view>
  35. <text class='chat-time' style="display:none;">{{item.date}}</text>
  36. </view>
  37. <view class='own-record'>
  38. <view class='own-record-content'>{{item.content_msg}}</view>
  39. <view class='own-record-content-triangle'></view>
  40. <image class='own-head-img' src='{{sendAvatar}}'></image>
  41. </view>
  42. </view>
  43. <!-- own结尾 -->
  44. </block>
  45. <view class="historyText">以上为历史消息</view>
  46. </view>
  47. <!-- 历史记录部分end -->
  48. <block wx:for="{{newsList}}" wx:key="index">
  49. <!-- 此处为other -->
  50. <view wx:if="{{item.type==1}}" id="scrollid{{index}}">
  51. <view>
  52. <text class='chat-time' style="display:none;">{{item.date}}</text>
  53. </view>
  54. <view class='other-record'>
  55. <image class='other-head-img' src='{{receivebaseInfo.avatar}}'></image>
  56. <view class='other-record-content-triangle'></view>
  57. <view class='other-record-content'>{{item.message}}</view>
  58. </view>
  59. </view>
  60. <!-- 此处为结尾 -->
  61. <!-- 此处为own -->
  62. <view id="scrollid{{index}}" wx:else>
  63. <view>
  64. <text class='chat-time' style="display:none;">{{item.date}}</text>
  65. </view>
  66. <view class='own-record'>
  67. <view class='own-record-content'>{{item.message}}</view>
  68. <view class='own-record-content-triangle'></view>
  69. <image class='own-head-img' src='{{sendAvatar}}'></image>
  70. </view>
  71. </view>
  72. <!-- own结尾 -->
  73. </block>
  74. </scroll-view>
  75. </view>
  76. </view>
  77. <view class="sendmessage">
  78. <view class="send-message">
  79. <input
  80. class="chat-input"
  81. type="text"
  82. bindinput="bindChange"
  83. confirm-type="send"
  84. value='{{input}}'
  85. cursor-spacing="16px"
  86. hold-keyboard="{{true}}"
  87. placeholder=""
  88. bindconfirm="send"
  89. />
  90. <image class="expression-msg-img" src="/images/home/expression-msg-icon.png" />
  91. <image class="img-msg-img" src="/images/home/img-msg-icon.png" />
  92. </view>
  93. <view class="emotions" wx:if="{{emotionVisible}}">
  94. <view class="emotions-item" wx:for="{{connectemoji}}" wx:key="index" bindtap="addemotion" data-index="{{index}}">
  95. {{item}}
  96. </view>
  97. </view>
  98. </view>