793 lines
31 KiB
Plaintext
793 lines
31 KiB
Plaintext
<view class="liveList">
|
|
<view class="search">
|
|
<view class="left" bindtap="gotoIndex">首页</view>
|
|
<view class="right">
|
|
<view class="iconfont icon-sousuo1"></view>
|
|
<input type="text" value="{{live_search}}" placeholder="请输入主播/直播内容" bindinput="searchbtn" bindconfirm="searchConfirm" />
|
|
</view>
|
|
</view>
|
|
<view class="liveBanner" wx:if="{{liveBanner&&liveBanner.length>0}}">
|
|
<swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}"
|
|
style="width: 700rpx;height: 320rpx;border-radius: 29rpx;">
|
|
<block wx:for="{{liveBanner}}" wx:key="index" style="height: 320rpx;">
|
|
<swiper-item>
|
|
<view class="swiper-item" catchtap="goUrl" style="width: 100%;height: 100%; border-radius: 29rpx;" data-url="{{item.min_url}}">
|
|
<image src="{{item.image}}" mode='aspectFill' style="width: 100%;height: 100%; border-radius: 29rpx;" />
|
|
</view>
|
|
</swiper-item>
|
|
</block>
|
|
</swiper>
|
|
</view>
|
|
<view class="nav_list" wx:if="{{navlistData&&navlistData.length}}">
|
|
<swiper indicator-dots="{{false}}" autoplay="{{false}}" circular="{{true}}" indicator-active-color="#f15353" class="{{(navlistData&& navlistData.length > 0 && navlistData[0].length <= 5)?'sw_list_6':''}}">
|
|
<block wx:for="{{navlistData}}" wx:for-item="items" wx:for-index="index_1" wx:key="index_1">
|
|
<swiper-item>
|
|
<view class="ul">
|
|
<view class="li" wx:for="{{items}}" wx:key="index" data-id="{{item.id}}" catchtap="intbtn">
|
|
<view class="image" wx:if="{{item.thumb}}">
|
|
<image src="{{item.thumb}}" />
|
|
</view>
|
|
<view class="image" wx:if="{{!item.thumb}}">
|
|
<img src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/img_default.png" />
|
|
</view>
|
|
<view class="p text">{{item.name}}</view>
|
|
</view>
|
|
</view>
|
|
</swiper-item>
|
|
</block>
|
|
</swiper>
|
|
</view>
|
|
<van-tabs active="{{ active }}" sticky="{{true}}" bind:change="swichTabTItem">
|
|
<van-tab title="关注">
|
|
<view class="living_content" wx:if="{{list_style==0}}">
|
|
<block wx:if="{{myConcern&&myConcern.length>0}}">
|
|
<view style="display: none" class="living" catchtap="golivePage" data-status="{{item.status}}" wx:for="{{myConcern}}"
|
|
data-id="{{item.id}}" data-memberid="{{item.anchor_member_id}}" wx:key="index">
|
|
<view class="bg">
|
|
<image src="{{item.cover}}" mode='widthFix' binderror="onImageError" data-index="{{index}}" bindload="onImageLoad"
|
|
data-seltype="myConcern" />
|
|
<view class="content" wx:if="{{item.status==1}}">
|
|
<view class="live_top">
|
|
<view class="live_top_left">
|
|
<view class="left">直播中</view>
|
|
<view class="right">{{item.view_num}}观看</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="live_bottom"></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="{{item.status}}" wx:for="{{myConcern_activitys1}}"
|
|
data-id="{{item.id}}" data-memberid="{{item.anchor_member_id}}" wx:key="index">
|
|
<view class="bg">
|
|
<image src="{{item.cover}}" mode='widthFix' />
|
|
<view class="content" wx:if="{{item.status==1}}">
|
|
<view class="live_top">
|
|
<view class="live_top_left">
|
|
<view class="left">直播中</view>
|
|
<view class="right">{{item.view_num}}观看</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="live_bottom"></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="{{item.status}}" wx:for="{{myConcern_activitys2}}"
|
|
data-id="{{item.id}}" data-memberid="{{item.anchor_member_id}}" wx:key="index">
|
|
<view class="bg">
|
|
<image src="{{item.cover}}" mode='widthFix' />
|
|
<view class="content" wx:if="{{item.status==1}}">
|
|
<view class="live_top">
|
|
<view class="live_top_left">
|
|
<view class="left">直播中</view>
|
|
<view class="right">{{item.view_num}}观看</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="live_bottom"></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>
|
|
</view>
|
|
<view class="second-list-style" wx:if="{{list_style==1&&myConcern&&myConcern.length>0}}">
|
|
<view class="second-li" catchtap="golivePage" data-status="{{item.status}}" wx:for="{{myConcern}}"
|
|
data-id="{{item.id}}" data-memberid="{{item.anchor_member_id}}" wx:key="index">
|
|
<view class="second-li-left">
|
|
<image src="{{item.cover}}" alt="" class="cover" />
|
|
<view class="title">
|
|
<image src="{{item.avatar}}" alt="" />
|
|
<view class="name">{{ item.nickname }}</view>
|
|
</view>
|
|
<view class="top">
|
|
<view class="red">直播中</view>
|
|
<block>{{ item.view_num }}人观看</block>
|
|
</view>
|
|
</view>
|
|
<view class="second-li-right">
|
|
<view class="live-title">{{ item.title }}</view>
|
|
<view class="live-goods" >
|
|
<view class="goods-item" wx:for="{{item.goods}}" wx:for-item="goods">
|
|
<image src="{{goods.thumb}}" alt="" />
|
|
<view class="goods-price">¥ {{ goods.title }}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<block wx:if="{{myConcern&&myConcern.length == 0}}">
|
|
<view class="loading">
|
|
<view class="content">
|
|
<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/blank.png" mode='widthFix' />
|
|
</view>
|
|
</view>
|
|
</block>
|
|
</van-tab>
|
|
<van-tab title="全部">
|
|
<view class="living_content" wx:if="{{list_style==0}}">
|
|
<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>
|
|
</block>
|
|
</view>
|
|
|
|
<view class="second-list-style" wx:if="{{list_style==1&&allLivelistData&&allLivelistData.length>0}}">
|
|
<view class="second-li" catchtap="golistPage" data-status="{{item.status}}" wx:for="{{allLivelistData}}"
|
|
wx:key="index" data-id="{{item.id}}" data-backid="{{item.back_id}}">
|
|
<view class="second-li-left">
|
|
<image src="{{item.cover}}" alt="" class="cover" />
|
|
<view class="title">
|
|
<image src="{{item.avatar}}" alt="" />
|
|
<view class="name">{{ item.nickname }}</view>
|
|
</view>
|
|
<view class="top">
|
|
<view class="red {{item.play_type == '1' ? '' : 'huifan_color'}}">{{ item.play_type == "1" ? "直播中" : "回放" }}</view>
|
|
<block>{{ item.view_num }}人观看</block>
|
|
</view>
|
|
</view>
|
|
<view class="second-li-right">
|
|
<view class="live-title">{{ item.title }}</view>
|
|
<view class="live-goods" >
|
|
<view class="goods-item" wx:for="{{item.goods}}" wx:for-item="goods">
|
|
<image src="{{goods.thumb}}" alt="" />
|
|
<view class="goods-price">¥ {{ goods.title }}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<block wx:if="{{allLivelistData&&allLivelistData.length == 0}}">
|
|
<view class="loading">
|
|
<view class="content">
|
|
<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/blank.png" mode='widthFix' />
|
|
</view>
|
|
</view>
|
|
</block>
|
|
</van-tab>
|
|
<van-tab title="推荐">
|
|
<view class="living_content" wx:if="{{list_style==0}}">
|
|
<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>
|
|
|
|
</view>
|
|
<view class="second-list-style" wx:if="{{list_style==1&&recommendData&&recommendData.length>0}}">
|
|
<view class="second-li" 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="second-li-left">
|
|
<image src="{{item.cover}}" alt="" class="cover" />
|
|
<view class="title">
|
|
<image src="{{item.avatar}}" alt="" />
|
|
<view class="name">{{ item.nickname }}</view>
|
|
</view>
|
|
<view class="top">
|
|
<view class="red {{item.play_type == '1' ? '' : 'huifan_color'}}">{{ item.play_type == "1" ? "直播中" : "回放" }}</view>
|
|
<block>{{ item.view_num }}人观看</block>
|
|
</view>
|
|
</view>
|
|
<view class="second-li-right">
|
|
<view class="live-title">{{ item.title }}</view>
|
|
<view class="live-goods" >
|
|
<view class="goods-item" wx:for="{{item.goods}}" wx:for-item="goods">
|
|
<image src="{{goods.thumb}}" alt="" />
|
|
<view class="goods-price">¥ {{ goods.title }}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<block wx:if="{{recommendData&&recommendData.length == 0}}">
|
|
<view class="loading">
|
|
<view class="content">
|
|
<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/blank.png" mode='widthFix' />
|
|
</view>
|
|
</view>
|
|
</block>
|
|
</van-tab>
|
|
<van-tab title="直播中">
|
|
<view class="living_content" wx:if="{{list_style==0}}">
|
|
<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>
|
|
</block>
|
|
|
|
</view>
|
|
<view class="second-list-style" wx:if="{{list_style==1&&broadcastlist&&broadcastlist.length>0}}">
|
|
<view class="second-li" catchtap="golivePage" data-status="{{1}}" wx:for="{{broadcastlist}}"
|
|
wx:key="index" data-id="{{item.id}}">
|
|
<view class="second-li-left">
|
|
<image src="{{item.cover}}" alt="" class="cover" />
|
|
<view class="title">
|
|
<image src="{{item.avatar}}" alt="" />
|
|
<view class="name">{{ item.nickname }}</view>
|
|
</view>
|
|
<view class="top">
|
|
<view class="red">直播中</view>
|
|
<block>{{ item.view_num }}人观看</block>
|
|
</view>
|
|
</view>
|
|
<view class="second-li-right">
|
|
<view class="live-title">{{ item.title }}</view>
|
|
<view class="live-goods" >
|
|
<view class="goods-item" wx:for="{{item.goods}}" wx:for-item="goods">
|
|
<image src="{{goods.thumb}}" alt="" />
|
|
<view class="goods-price">¥ {{ goods.title }}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<block wx:if="{{broadcastlist&&broadcastlist.length == 0}}">
|
|
<view class="loading">
|
|
<view class="content">
|
|
<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/blank.png" mode='widthFix' />
|
|
</view>
|
|
</view>
|
|
</block>
|
|
</van-tab>
|
|
<van-tab title="预告">
|
|
<view class="living_content" wx:if="{{list_style==0}}">
|
|
<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>
|
|
</block>
|
|
</view>
|
|
<view class="second-list-style" wx:if="{{list_style==1&&announceList&&announceList.length>0}}">
|
|
<view class="second-li" catchtap="goforeshow" wx:for="{{announceList}}" wx:key="index" data-id="{{item.id}}">
|
|
<view class="second-li-left">
|
|
<image src="{{item.cover}}" alt="" class="cover" />
|
|
<view class="title">
|
|
<image src="{{item.avatar}}" alt="" />
|
|
<view class="name">{{ item.nickname }}</view>
|
|
</view>
|
|
<view class="top">
|
|
<view class="red">预告</view>
|
|
<!-- <block>{{ item.view_num }}人观看</block> -->
|
|
</view>
|
|
</view>
|
|
<view class="second-li-right">
|
|
<view class="live-title">{{ item.title }}</view>
|
|
<view class="live-goods" >
|
|
<view class="goods-item" wx:for="{{item.goods}}" wx:for-item="goods">
|
|
<image src="{{goods.thumb}}" alt="" />
|
|
<view class="goods-price">¥ {{ goods.title }}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<block wx:if="{{announceList&&announceList.length == 0}}">
|
|
<view class="loading">
|
|
<view class="content">
|
|
<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/blank.png" mode='widthFix' />
|
|
</view>
|
|
</view>
|
|
</block>
|
|
</van-tab>
|
|
<van-tab title="精彩回放">
|
|
<view class="living_content" wx:if="{{list_style==0}}">
|
|
<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>
|
|
</block>
|
|
</view>
|
|
<view class="second-list-style" wx:if="{{list_style==1&&playBackData&&playBackData.length>0}}">
|
|
<view class="second-li" wx:for="{{playBackData}}" wx:key="index" catchtap="goPlayBackData"
|
|
data-roomid="{{item.room_id}}" data-backid="{{item.id}}">
|
|
<view class="second-li-left">
|
|
<image src="{{item.cover}}" alt="" class="cover" />
|
|
<view class="title">
|
|
<image src="{{item.avatar}}" alt="" />
|
|
<view class="name">{{ item.nickname }}</view>
|
|
</view>
|
|
<view class="top">
|
|
<view class="red huifan_color">回放</view>
|
|
<block>{{ item.view_num }}人观看</block>
|
|
</view>
|
|
</view>
|
|
<view class="second-li-right">
|
|
<view class="live-title">{{ item.title }}</view>
|
|
<view class="live-goods" >
|
|
<view class="goods-item" wx:for="{{item.goods}}" wx:for-item="goods">
|
|
<image src="{{goods.thumb}}" alt="" />
|
|
<view class="goods-price">¥ {{ goods.title }}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<block wx:if="{{playBackData&&playBackData.length == 0}}">
|
|
<view class="loading">
|
|
<view class="content">
|
|
<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/blank.png" mode='widthFix' />
|
|
</view>
|
|
</view>
|
|
</block>
|
|
</van-tab>
|
|
</van-tabs>
|
|
</view>
|