<!-- 导航 -->
<view class="nav">
  <block wx:for="{{nav_status_list}}" wx:key="key">
    <view class="item fl tc cr-888 {{nav_status_index == index ? 'active' : ''}}" data-index="{{index}}" bindtap="nav_event">{{item.name}}</view>
  </block>
</view>

<!-- 列表 -->
<scroll-view scroll-y="{{true}}" class="scroll-box" bindscrolltolower="scroll_lower" lower-threshold="30">
  <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="base fl">
            <view class="single-text name">{{item.name}}</view>
            <view class="time">
            <view class="time-title fl">开播时间</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>
  </view>
  <view wx:else>
    <import src="/pages/common/nodata.wxml" />
    <template is="nodata" data="{{status: data_list_loding_status}}">
    </template>
  </view>

  <import src="/pages/common/bottom_line.wxml" />
  <template is="bottom_line" data="{{status: data_bottom_line_status}}"></template>
</scroll-view>