yuminge-app/yun-min-program-plugin-master/packageC/mycomponent/temp/liveList/liveList.wxml

564 lines
22 KiB
Plaintext

<view class="liveList">
<van-tabs active="{{ active }}" nav-class="liveListnav" tab-class="liveListnav_child" bind:change="swichTabTItem"
color="{{params.selectedcolor?params.selectedcolor:''}}">
<van-tab title="全部" title-style="{{ active==0 ?('color:'+(params.selectedcolor?params.selectedcolor:'')+';'):('color:'+(params.wordcolor?params.wordcolor:'')+';')}} {{'background-color:'+(params.bgcolor?params.bgcolor:'')+';'}}">
<view class="living_content">
<block wx:if="{{allLivelistData&&allLivelistData.length>0}}">
<view style="display: none;" class="living" catchtap="golistPage" data-status="{{item.status}}" wx:for="{{allLivelistData}}"
wx:key="index" data-id="{{item.id}}" data-backid="{{item.back_id}}">
<view class="bg">
<image src="{{item.cover}}" mode='widthFix' binderror="onImageError" data-index="{{index}}" bindload="onImageLoad"
data-seltype="AllLivelist" />
<view class="content">
<view class="live_top">
<block wx:if="{{item.status==3||item.status==4}}">
<view class="live_top_left" wx:if="{{item.status==3}}">
<view class="left">直播中</view>
<view class="right">{{item.view_num}}观看</view>
</view>
<view class="seeding_left" wx:if="{{item.status==4}}">
<view class="left">回放</view>
<view class="right">{{item.view_num}}观看</view>
</view>
<view class="live_top_right">
<view class="little_icon">
<view class="iconfont icon-zb_goods"></view>
</view>
<view class="num" wx:if="{{item.goods_num}}">{{item.goods_num}}</view>
</view>
</block>
<block wx:else>
<view class="advance_left">
<view class="left">预告</view>
</view>
</block>
</view>
</view>
<view class="live_bottom">{{item.title}}</view>
</view>
<view class="bootom">
<view class="left">
<image src="{{item.avatar}}" mode='aspectFill' />
</view>
<view class="right">{{item.nickname}}</view>
</view>
</view>
<view class="ul">
<view class="living" catchtap="golistPage" data-status="{{item.status}}" wx:for="{{allLivelistData_activitys1}}"
wx:key="index" data-id="{{item.id}}" data-backid="{{item.back_id}}">
<view class="bg">
<image src="{{item.cover}}" mode='widthFix' />
<view class="content">
<view class="live_top">
<block wx:if="{{item.status==3||item.status==4}}">
<view class="live_top_left" wx:if="{{item.status==3}}">
<view class="left">直播中</view>
<view class="right">{{item.view_num}}观看</view>
</view>
<view class="seeding_left" wx:if="{{item.status==4}}">
<view class="left">回放</view>
<view class="right">{{item.view_num}}观看</view>
</view>
<view class="live_top_right">
<view class="little_icon">
<view class="iconfont icon-zb_goods"></view>
</view>
<view class="num" wx:if="{{item.goods_num}}">{{item.goods_num}}</view>
</view>
</block>
<block wx:else>
<view class="advance_left">
<view class="left">预告</view>
</view>
</block>
</view>
</view>
<view class="live_bottom">{{item.title}}</view>
</view>
<view class="bootom">
<view class="left">
<image src="{{item.avatar}}" mode='aspectFill' />
</view>
<view class="right">{{item.nickname}}</view>
</view>
</view>
</view>
<view class="ul">
<view class="living" catchtap="golistPage" data-status="{{item.status}}" wx:for="{{allLivelistData_activitys2}}"
wx:key="index" data-id="{{item.id}}" data-backid="{{item.back_id}}">
<view class="bg">
<image src="{{item.cover}}" mode='widthFix' />
<view class="content">
<view class="live_top">
<block wx:if="{{item.status==3||item.status==4}}">
<view class="live_top_left" wx:if="{{item.status==3}}">
<view class="left">直播中</view>
<view class="right">{{item.view_num}}观看</view>
</view>
<view class="seeding_left" wx:if="{{item.status==4}}">
<view class="left">回放</view>
<view class="right">{{item.view_num}}观看</view>
</view>
<view class="live_top_right">
<view class="little_icon">
<view class="iconfont icon-zb_goods"></view>
</view>
<view class="num" wx:if="{{item.goods_num}}">{{item.goods_num}}</view>
</view>
</block>
<block wx:else>
<view class="advance_left">
<view class="left">预告</view>
</view>
</block>
</view>
</view>
<view class="live_bottom">{{item.title}}</view>
</view>
<view class="bootom">
<view class="left">
<image src="{{item.avatar}}" mode='aspectFill' />
</view>
<view class="right">{{item.nickname}}</view>
</view>
</view>
</view>
<view style="text-align: center; width: 100%;height: 50px;line-height: 50px;" wx:if="{{isLoadMore_all&&notload_all}}"
catchtap="getMorePdData_all">
加载更多
</view>
<view wx:else style="text-align: center; width: 100%;height: 50px;line-height: 50px;" catchtap="goliveList">
前往直播列表>
</view>
</block>
<block wx:else>
<view class="loading">
<view class="content">
<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/blank.png" mode='widthFix' />
</view>
</view>
<view class="livecontent" catchtap="goliveList">
前往直播列表>
</view>
</block>
</view>
</van-tab>
<van-tab title="推荐" title-style="{{ active==1 ?('color:'+(params.selectedcolor?params.selectedcolor:'')+';'):('color:'+(params.wordcolor?params.wordcolor:'')+';')}} {{'background-color:'+(params.bgcolor?params.bgcolor:'')+';'}}">
<view class="living_content" style="{{'background-color:'+(params.livebgcolor?params.livebgcolor:'')+';'}}">
<block wx:if="{{recommendData&&recommendData.length>0}}">
<view style="display: none;" class="living" catchtap="gopage" data-status="{{item.play_type}}" wx:for="{{recommendData}}"
wx:key="index" data-id="{{item.room_id}}" data-backid="{{item.back_id}}">
<view class="bg">
<image src="{{item.cover}}" mode='widthFix' binderror="onImageError" data-index="{{index}}" bindload="onImageLoad"
data-seltype="recommend" />
<view class="content">
<view class="live_top">
<view class="live_top_left" wx:if="{{item.play_type==1}}">
<view class="left">直播中</view>
<view class="right">{{item.view_num}}观看</view>
</view>
<view class="seeding_left" wx:if="{{item.play_type==2}}">
<view class="left">回放</view>
<view class="right">{{item.view_num}}观看</view>
</view>
<view class="live_top_right">
<view class="little_icon">
<view class="iconfont icon-zb_goods"></view>
</view>
<view class="num" wx:if="{{item.goods_num}}">{{item.goods_num}}</view>
</view>
</view>
</view>
<view class="live_bottom">{{item.title}}</view>
</view>
<view class="bootom">
<view class="left">
<image src="{{item.avatar}}" mode='aspectFill' />
</view>
<view class="right">{{item.nickname}}</view>
</view>
</view>
<view class="ul">
<view class="living" catchtap="gopage" data-status="{{item.play_type}}" wx:for="{{recommendData_activitys1}}"
wx:key="index" data-id="{{item.room_id}}" data-backid="{{item.back_id}}">
<view class="bg">
<image src="{{item.cover}}" mode='widthFix' />
<view class="content">
<view class="live_top">
<view class="live_top_left" wx:if="{{item.play_type==1}}">
<view class="left">直播中</view>
<view class="right">{{item.view_num}}观看</view>
</view>
<view class="seeding_left" wx:if="{{item.play_type==2}}">
<view class="left">回放</view>
<view class="right">{{item.view_num}}观看</view>
</view>
<view class="live_top_right">
<view class="little_icon">
<view class="iconfont icon-zb_goods"></view>
</view>
<view class="num" wx:if="{{item.goods_num}}">{{item.goods_num}}</view>
</view>
</view>
</view>
<view class="live_bottom">{{item.title}}</view>
</view>
<view class="bootom">
<view class="left">
<image src="{{item.avatar}}" mode='aspectFill' />
</view>
<view class="right">{{item.nickname}}</view>
</view>
</view>
</view>
<view class="ul">
<view class="living" catchtap="gopage" data-status="{{item.play_type}}" wx:for="{{recommendData_activitys2}}"
wx:key="index" data-id="{{item.room_id}}" data-backid="{{item.back_id}}">
<view class="bg">
<image src="{{item.cover}}" mode='widthFix' />
<view class="content">
<view class="live_top">
<view class="live_top_left" wx:if="{{item.play_type==1}}">
<view class="left">直播中</view>
<view class="right">{{item.view_num}}观看</view>
</view>
<view class="seeding_left" wx:if="{{item.play_type==2}}">
<view class="left">回放</view>
<view class="right">{{item.view_num}}观看</view>
</view>
<view class="live_top_right">
<view class="little_icon">
<view class="iconfont icon-zb_goods"></view>
</view>
<view class="num" wx:if="{{item.goods_num}}">{{item.goods_num}}</view>
</view>
</view>
</view>
<view class="live_bottom">{{item.title}}</view>
</view>
<view class="bootom">
<view class="left">
<image src="{{item.avatar}}" mode='aspectFill' />
</view>
<view class="right">{{item.nickname}}</view>
</view>
</view>
</view>
</block>
<block wx:else>
<view class="loading">
<view class="content">
<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/blank.png" mode='widthFix' />
</view>
</view>
<view class="livecontent" catchtap="goliveList">
前往直播列表>
</view>
</block>
</view>
</van-tab>
<van-tab title="直播中" title-style="{{ active==2 ?('color:'+(params.selectedcolor?params.selectedcolor:'')+';'):('color:'+(params.wordcolor?params.wordcolor:'')+';')}} {{'background-color:'+(params.bgcolor?params.bgcolor:'')+';'}}">
<view class="living_content" style="{{'background-color:'+(params.livebgcolor?params.livebgcolor:'')+';'}}">
<block wx:if="{{broadcastlist&&broadcastlist.length>0}}">
<view style="display: none;" class="living" catchtap="golivePage" data-status="{{1}}" wx:for="{{broadcastlist}}"
wx:key="index" data-id="{{item.id}}">
<view class="bg">
<image src="{{item.cover}}" mode='widthFix' binderror="onImageError" data-index="{{index}}" bindload="onImageLoad"
data-seltype="liveList_1" />
<view class="content">
<view class="live_top">
<view class="live_top_left">
<view class="left">直播中</view>
<view class="right">{{item.view_num}}观看</view>
</view>
<view class="live_top_right">
<view class="little_icon">
<view class="iconfont icon-zb_goods"></view>
</view>
<view class="num" wx:if="{{item.goods_num}}">{{item.goods_num}}</view>
</view>
</view>
</view>
<view class="live_bottom">{{item.title}}</view>
</view>
<view class="bootom">
<view class="left">
<image src="{{item.avatar}}" mode='aspectFill' />
</view>
<view class="right">{{item.nickname}}</view>
</view>
</view>
<view class="ul">
<view class="living" catchtap="golivePage" data-status="{{1}}" wx:for="{{broadcastlist_activitys1}}" wx:key="index"
data-id="{{item.id}}">
<view class="bg">
<image src="{{item.cover}}" mode='widthFix' />
<view class="content">
<view class="live_top">
<view class="live_top_left">
<view class="left">直播中</view>
<view class="right">{{item.view_num}}观看</view>
</view>
<view class="live_top_right">
<view class="little_icon">
<view class="iconfont icon-zb_goods"></view>
</view>
<view class="num" wx:if="{{item.goods_num}}">{{item.goods_num}}</view>
</view>
</view>
</view>
<view class="live_bottom">{{item.title}}</view>
</view>
<view class="bootom">
<view class="left">
<image src="{{item.avatar}}" mode='aspectFill' />
</view>
<view class="right">{{item.nickname}}</view>
</view>
</view>
</view>
<view class="ul">
<view class="living" catchtap="golivePage" data-status="{{1}}" wx:for="{{broadcastlist_activitys2}}" wx:key="index"
data-id="{{item.id}}">
<view class="bg">
<image src="{{item.cover}}" mode='widthFix' />
<view class="content">
<view class="live_top">
<view class="live_top_left">
<view class="left">直播中</view>
<view class="right">{{item.view_num}}观看</view>
</view>
<view class="live_top_right">
<view class="little_icon">
<view class="iconfont icon-zb_goods"></view>
</view>
<view class="num" wx:if="{{item.goods_num}}">{{item.goods_num}}</view>
</view>
</view>
</view>
<view class="live_bottom">{{item.title}}</view>
</view>
<view class="bootom">
<view class="left">
<image src="{{item.avatar}}" mode='aspectFill' />
</view>
<view class="right">{{item.nickname}}</view>
</view>
</view>
</view>
<view style="text-align: center; width: 100%;height: 50px;line-height: 50px;" wx:if="{{isLoadMore_br&&notload_br}}"
catchtap="getMorePdData_br">
加载更多
</view>
<view wx:else style="text-align: center; width: 100%;height: 50px;line-height: 50px;" catchtap="goliveList">
前往直播列表>
</view>
</block>
<block wx:else>
<view class="loading">
<view class="content">
<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/blank.png" mode='widthFix' />
</view>
</view>
<view class="livecontent" catchtap="goliveList">
前往直播列表>
</view>
</block>
</view>
</van-tab>
<van-tab title="预告" title-style="{{ active==3 ?('color:'+(params.selectedcolor?params.selectedcolor:'')+';'):('color:'+(params.wordcolor?params.wordcolor:'')+';')}} {{'background-color:'+(params.bgcolor?params.bgcolor:'')+';'}}">
<view class="living_content" style="{{'background-color:'+(params.livebgcolor?params.livebgcolor:'')+';'}}">
<block wx:if="{{announceList&&announceList.length>0}}">
<view style="display: none;" class="living" catchtap="goforeshow" wx:for="{{announceList}}" wx:key="index" data-id="{{item.id}}">
<view class="bg">
<image src="{{item.cover}}" mode='widthFix' binderror="onImageError" data-index="{{index}}" bindload="onImageLoad"
data-seltype="liveList_2" />
<view class="content">
<view class="live_top">
<view class="advance_left">
<view class="left">预告</view>
</view>
</view>
</view>
<view class="live_bottom">{{item.title}}</view>
</view>
<view class="bootom">
<view class="left">
<image src="{{item.avatar}}" mode='aspectFill' />
</view>
<view class="right">{{item.nickname}}</view>
</view>
</view>
<view class="ul">
<view class="living" catchtap="goforeshow" wx:for="{{announceList_activitys1}}" wx:key="index" data-id="{{item.id}}">
<view class="bg">
<image src="{{item.cover}}" mode='widthFix' />
<view class="content">
<view class="live_top">
<view class="advance_left">
<view class="left">预告</view>
</view>
</view>
</view>
<view class="live_bottom">{{item.title}}</view>
</view>
<view class="bootom">
<view class="left">
<image src="{{item.avatar}}" mode='aspectFill' />
</view>
<view class="right">{{item.nickname}}</view>
</view>
</view>
</view>
<view class="ul">
<view class="living" catchtap="goforeshow" wx:for="{{announceList_activitys2}}" wx:key="index" data-id="{{item.id}}">
<view class="bg">
<image src="{{item.cover}}" mode='widthFix' />
<view class="content">
<view class="live_top">
<view class="advance_left">
<view class="left">预告</view>
</view>
</view>
</view>
<view class="live_bottom">{{item.title}}</view>
</view>
<view class="bootom">
<view class="left">
<image src="{{item.avatar}}" mode='aspectFill' />
</view>
<view class="right">{{item.nickname}}</view>
</view>
</view>
</view>
<view style="text-align: center; width: 100%;height: 50px;line-height: 50px;" wx:if="{{isLoadMore_an&&notload_an}}"
catchtap="getMorePdData_an">
加载更多
</view>
<view wx:else style="text-align: center; width: 100%;height: 50px;line-height: 50px;" catchtap="goliveList">
前往直播列表>
</view>
</block>
<block wx:else>
<view class="loading">
<view class="content">
<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/blank.png" mode='widthFix' />
</view>
</view>
<view class="livecontent" catchtap="goliveList">
前往直播列表>
</view>
</block>
</view>
</van-tab>
<van-tab title="精彩回放" title-style="{{ active==4 ?('color:'+(params.selectedcolor?params.selectedcolor:'')+';'):('color:'+(params.wordcolor?params.wordcolor:'')+';')}} {{'background-color:'+(params.bgcolor?params.bgcolor:'')+';'}}">
<view class="living_content" style="{{'background-color:'+(params.livebgcolor?params.livebgcolor:'')+';'}}">
<block wx:if="{{playBackData&&playBackData.length>0}}">
<view style="display: none;" class="living" wx:for="{{playBackData}}" wx:key="index" catchtap="goPlayBackData"
data-roomid="{{item.room_id}}" data-backid="{{item.id}}">
<view class="bg">
<image src="{{item.cover}}" mode='widthFix' binderror="onImageError" data-index="{{index}}" bindload="onImageLoad"
data-seltype="playBack" />
<view class="content">
<view class="live_top">
<view class="seeding_left">
<view class="left">回放</view>
<view class="right">{{item.view_num}}观看</view>
</view>
<view class="live_top_right">
<view class="little_icon">
<view class="iconfont icon-zb_goods"></view>
</view>
<view class="num" wx:if="{{item.goods_num}}">{{item.goods_num}}</view>
</view>
</view>
</view>
<view class="live_bottom">{{item.title}}</view>
</view>
<view class="bootom">
<view class="left">
<image src="{{item.avatar}}" mode='aspectFill' />
</view>
<view class="right">{{item.nickname}}</view>
</view>
</view>
<view class="ul">
<view class="living" wx:for="{{playBackData_activitys1}}" wx:key="index" catchtap="goPlayBackData" data-roomid="{{item.room_id}}"
data-backid="{{item.id}}">
<view class="bg">
<image src="{{item.cover}}" mode='widthFix' />
<view class="content">
<view class="live_top">
<view class="seeding_left">
<view class="left">回放</view>
<view class="right">{{item.view_num}}观看</view>
</view>
<view class="live_top_right">
<view class="little_icon">
<view class="iconfont icon-zb_goods"></view>
</view>
<view class="num" wx:if="{{item.goods_num}}">{{item.goods_num}}</view>
</view>
</view>
</view>
<view class="live_bottom">{{item.title}}</view>
</view>
<view class="bootom">
<view class="left">
<image src="{{item.avatar}}" mode='aspectFill' />
</view>
<view class="right">{{item.nickname}}</view>
</view>
</view>
</view>
<view class="ul">
<view class="living" wx:for="{{playBackData_activitys2}}" wx:key="index" catchtap="goPlayBackData" data-roomid="{{item.room_id}}"
data-backid="{{item.id}}">
<view class="bg">
<image src="{{item.cover}}" mode='widthFix' />
<view class="content">
<view class="live_top">
<view class="seeding_left">
<view class="left">回放</view>
<view class="right">{{item.view_num}}观看</view>
</view>
<view class="live_top_right">
<view class="little_icon">
<view class="iconfont icon-zb_goods"></view>
</view>
<view class="num" wx:if="{{item.goods_num}}">{{item.goods_num}}</view>
</view>
</view>
</view>
<view class="live_bottom">{{item.title}}</view>
</view>
<view class="bootom">
<view class="left">
<image src="{{item.avatar}}" mode='aspectFill' />
</view>
<view class="right">{{item.nickname}}</view>
</view>
</view>
</view>
<view style="text-align: center; width: 100%;height: 50px;line-height: 50px;" wx:if="{{isLoadMore_pl&&notload_pl}}" catchtap="getMorePdData_pl">
加载更多
</view>
<view wx:else style="text-align: center; width: 100%;height: 50px;line-height: 50px;" catchtap="goliveList">
前往直播列表>
</view>
</block>
<block wx:else>
<view class="loading">
<view class="content">
<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/blank.png" mode='widthFix' />
</view>
</view>
<view class="livecontent" catchtap="goliveList">
前往直播列表>
</view>
</block>
</view>
</van-tab>
</van-tabs>
</view>