liveStream.wxml
2.15 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
<!--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}}">
<view class="list-item" data-id="{{item.id}}" data-live="toBegin" catchtap="clickItem">
<view class="list-item-left">
<image src="{{item.cover_img}}" class="item-pic" mode="aspectFill"></image>
<!-- <view class="item-desc">
<view>{{item.name}}</view>
<view>{{filter.format_time(item.start_time)}}</view>
</view> -->
</view>
<view class="list-item-right">
<view class="item-title">{{item.name}}</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}}">
<view class="list-item" catchtap="clickItem" data-id="{{item.id}}" data-live="ing">
<view class="list-item-left">
<image src="{{item.cover_img}}" class="item-pic" mode="aspectFill"></image>
</view>
<view class="list-item-right">
<view class="item-title">{{item.name}}</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}}">
<view class="list-item" bindtap="clickItem" data-id="{{item.id}}" data-live="over">
<view class="list-item-left">
<image src="{{item.cover_img}}" class="item-pic" mode="aspectFill"></image>
</view>
<view class="list-item-right">
<view class="item-title">{{item.name}}</view>
<view class="item-btn" catchtap="clickLive" data-roomid="{{item.roomid}}">观看回放</view>
</view>
</view>
</block>
</view>
</block>
</view>