liveStream.wxml
2.6 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<!--pages/liveStream/liveStream.wxml-->
<wxs src="../../../utils/filter.wxs" module="filter"></wxs>
<view>
<block wx:if="{{live === '{}'}}">当前暂无直播</block>
<!-- 即将开始 -->
<block wx:if="{{live.toBegin.length > 0}}">
<view class="title">即将开始</view>
<view class="list">
<block wx:for="{{live.toBegin}}" wx:key="item">
<view class="list-item" data-id="{{item.id}}" data-live="toBegin" catchtap="clickItem">
<view class="list-item-left">
<image src="{{item.share_img}}" class="item-pic" mode="aspectFill"></image>
</view>
<view class="list-item-right">
<view>
<view class="item-title">{{item.name}}</view>
<view class="item-time">{{filter.format_time(item.start_time, 2)}} 开始</view>
<view class="item-anchor">主播:{{item['anchor_name']}}</view>
</view>
<subscribe room-id="{{item.roomid}}" stopPropagation="{{true}}"></subscribe>
</view>
</view>
</block>
</view>
</block>
<!-- 直播中 -->
<block wx:if="{{live.ing.length > 0}}">
<view class="title">直播中</view>
<view class="list">
<block wx:for="{{live.ing}}" wx:key="item">
<view class="list-item" catchtap="clickItem" data-id="{{item.id}}" data-live="ing">
<view class="list-item-left">
<image src="{{item.share_img}}" class="item-pic" mode="aspectFill"></image>
</view>
<view class="list-item-right">
<view>
<view class="item-title">{{item.name}}</view>
<view class="item-time">{{filter.format_time(item.start_time, 2)}} 开始</view>
<view class="item-anchor">主播:{{item['anchor_name']}}</view>
</view>
<view class="item-btn" catchtap="clickLive" data-roomid="{{item.roomid}}">观看直播</view>
</view>
</view>
</block>
</view>
</block>
<!-- 精彩回放 -->
<block wx:if="{{live.over.length > 0}}">
<view class="title">精彩回放</view>
<view class="list">
<block wx:for="{{live.over}}" wx:key="item">
<view class="list-item" bindtap="clickItem" data-id="{{item.id}}" data-live="over">
<view class="list-item-left">
<image src="{{item.share_img}}" class="item-pic" mode="aspectFill"></image>
</view>
<view class="list-item-right">
<view>
<view class="item-title">{{item.name}}</view>
<view class="item-time">{{filter.format_time(item.end_time, 2)}} 结束</view>
<view class="item-anchor">主播:{{item['anchor_name']}}</view>
</view>
<view class="item-btn" catchtap="clickLive" data-roomid="{{item.roomid}}">观看回放</view>
</view>
</view>
</block>
</view>
</block>
</view>