<!-- 轮播 -->
<component-banner prop-data="{{banner_list}}"></component-banner>

<!-- 导航 -->
<view wx:if="{{load_status == 1}}" class="nav bg-white spacing-mb">
  <view class="title">最新直播</view>
  <navigator url="/pages/plugins/weixinliveplayer/search/search" hover-class="none">
    <view class="arrow-right more">查看更多</view>
  </navigator>
</view>

<!-- 数据列表 -->
<view wx:if="{{data_list.length > 0}}" class="data-list">
  <view wx:for="{{data_list}}" wx:key="key" wx:for-item="item" class="item bg-white spacing-mb">
    <navigator url="/pages/plugins/weixinliveplayer/detail/detail?id={{item.id}}" hover-class="none">
        <image src="{{item.share_img}}" mode="aspectFit" class="fl" />
        <view class="fl base">
          <view class="single-text name">{{item.name}}</view>
          <view class="time">
          <view class="fl time-title">开播时间</view>
            <view class="start-time">{{item.start_time}}</view>
            <view class="end-time">{{item.end_time}}</view>
          </view>
          <view class="status status-{{item.status}}">{{item.status_name}}</view>
        </view>
      </navigator>
  </view>

  <!-- 结尾 -->
  <import src="/pages/common/bottom_line.wxml" />
  <template is="bottom_line" data="{{status: data_bottom_line_status}}"></template>
</view>
<view wx:else>
  <import src="/pages/common/nodata.wxml" />
  <template is="nodata" data="{{status: data_list_loding_status, msg: data_list_loding_msg}}"></template>
</view>