<!--packageE/livestreaming/livestreaming.wxml-->
<wxs module="util">
  var inOf = function(val, str) { if (val) {return val.indexOf(str) }};
  module.exports.inOf = inOf;
</wxs>
<!--sticky="{{true}}"-->
<view class="liveList component-wrapper {{'component-'+ component_id}}" style="background: {{datas.preview_color}}">
  <van-tabs active="{{ active }}" bind:change="swichTabTItem" color="{{datas.tab_active_color}}"  wx:if="{{!U_tabcontrol}}" tab-class="tag">
    <van-tab title="全部" name="0" wx:if="{{util.inOf(datas.tab_list,'0') > -1}}" title-style="background: {{datas.tab_bg_color}};color:{{active==0?datas.tab_active_color:datas.tab_color}};">
      <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>
        </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>
        </block>
      </view>
    </van-tab>
    <van-tab title="推荐" name="1" wx:if="{{util.inOf(datas.tab_list,'1') > -1}}" title-style="background: {{datas.tab_bg_color}};color:{{active==1?datas.tab_active_color:datas.tab_color}};">
      <view class="living_content">
        <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>
        </block>
      </view>
    </van-tab>
    <van-tab title="直播中" name="2" wx:if="{{util.inOf(datas.tab_list,'2') > -1}}" title-style="background: {{datas.tab_bg_color}};color:{{active==2?datas.tab_active_color:datas.tab_color}};">
      <view class="living_content">
        <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>
        <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>
        </block>
      </view>
    </van-tab>
    <van-tab title="预告" name="3" wx:if="{{util.inOf(datas.tab_list,'3') > -1}}" title-style="background: {{datas.tab_bg_color}};color:{{active==3?datas.tab_active_color:datas.tab_color}};">
      <view class="living_content">
        <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>
        <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>
        </block>
      </view>
    </van-tab>
    <van-tab title="精彩回放" name="4" wx:if="{{util.inOf(datas.tab_list,'4') > -1 && playBackShow}}" title-style="background: {{datas.tab_bg_color}};color:{{active==4?datas.tab_active_color:datas.tab_color}};">
      <view class="living_content">
        <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>
        <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>
        </block>
      </view>
    </van-tab>
  </van-tabs>

  <block wx:if="{{U_tabcontrol}}">
    <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>
      </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>
      </block>
    </view>
  </block>
</view>
