LiveCustomer.wxml 1.6 KB

12345678910111213141516171819202122232425262728293031323334
  1. <!--/pages/LiveCustomer/LiveCustomer.wxml-->
  2. <!--
  3. 拍卖待完成:
  4. 1.视频可拖拽
  5. 2.视频双击可全屏,全屏双击可收缩
  6. 3.后台开通拍卖客服,用户进入后打开拍卖;后台不开通,进入后不打开
  7. -->
  8. <!-- 自定义拍卖客服组件 -->
  9. <view class="box">
  10. <movable-area class="LiveCustomer">
  11. <movable-view x="{{0}}" y="{{0}}" direction="all" style="{{bool ? 'width: 150px;height:225px;' : 'width:100%;height:100%'}}" catchtouchmove="Caeel">
  12. <live-player id="player" object-fit="fillCrop" src="{{pullUrl}}" mode="live" autoplay bindtap="doubleClick" bindtouchstart="touchStart" bindtouchend="touchEnd" data-time="{{lastTapTime}}" class="{{bool ? 'Liveplay' : 'LiveCustomerScreen'}}" />
  13. </movable-view>
  14. <view class="online_number">
  15. <text>在线人数{{21 + online_sum}}人</text>
  16. </view>
  17. </movable-area>
  18. <view class="chat" wx:if="{{!bool}}" catchtouchmove="Caeel">
  19. <scroll-view class="chatbox" scroll-y="true" scroll-top="{{scrollTop}}" >
  20. <view class="flex-wrp scro" style="flex-direction:column;" wx:for="{{chatList}}" wx:key="{{index}}" >
  21. <view class="flex-item flex-item-V talk" id="chat">
  22. <image src="{{item.avatarUrl}}" class="user_img"></image>
  23. <text class="user">{{item.content ? item.content : ""}}</text>
  24. </view>
  25. </view>
  26. </scroll-view>
  27. <view class="send" catchtouchmove="Caeel">
  28. <input placeholder="说点什么吧~" bindinput="chatText" value="{{chatText}}" confirm-type="done" bindconfirm='send'></input>
  29. <!-- <button bindtap='send'>发送</button> -->
  30. </view>
  31. </view>
  32. </view>