live.wxml 1.4 KB

12345678910111213141516171819202122232425
  1. <view class="live-list" style="padding-bottom: 20rpx;">
  2. <view class="list-box">
  3. <view class="live-item" wx:for="{{list}}" catchtap="toViewLive" data-item="{{item}}">
  4. <view class="img">
  5. <van-image width="322rpx" height="240rpx" src="{{item.channelcoverimageurl}}" lazy-load />
  6. <view class="livestatus" wx:if="{{item.livestatus=='live'}}">
  7. 直播中
  8. <image src="https://bwj.obs.cn-east-2.myhuaweicloud.com/resources/WeChat/live.gif" />
  9. </view>
  10. <view wx:else class="livestatus" style="background: linear-gradient(180deg, #E6E6E6 0%, #B0B0B0 100%);justify-content: center;" >
  11. 直播回放
  12. </view>
  13. </view>
  14. <view class="brand-audience">
  15. <view class="brand u-line-1">{{item.fbrand!=null?item.fbrand:'暂无名称'}}</view>
  16. <view class="audience">
  17. {{item.viewers}}人
  18. </view>
  19. </view>
  20. <view wx:if="{{!isShow}}" class="explain u-line-1">{{item.faddress==null&&item.faddress=='null'?item.faddress:'暂无地址'}}</view>
  21. <view wx:else class="explain u-line-1">{{item.flocation!=null?item.flocation:'暂无地址'}}</view>
  22. </view>
  23. <view class="live-item" style="opacity: 0;" wx:if="{{list.length%2!=0}}" />
  24. </view>
  25. </view>