<!--packageE/video_question/video_question.wxml-->

<view id="video_question">
  <van-nav-bar title="{{info.name}}" fixed="true" left-arrow bind:click-lef="onClickLeft"
    bind:click-right="onClickRight">
    <icon class="iconfont icon-fontclass-tongzhi {{unread_message_count > 0 ? 'aaa' : ''}}" style="color: #adadad"
      slot="right"></icon>
  </van-nav-bar>
  <view style="width:100%;height:46px;"></view>
  <view class="top_o" style="height: {{info.show_video_viewing_progress == 1?'320rpx':'183rpx'}};">
    <block>
      <view class="line">
        <view class="line_t">观看进度</view>
        <view class="progress">
          <view class="cir" style="width: {{info.percentage}}%">
            <view class="cir_pos"></view>
            <span class="cir_pos_a">0%</span>
            <view class="cir_img">{{info.percentage}}%</view>
          </view>
          <span class="cir_pos_b">100%</span>
        </view>
      </view>
      <view class="top_o_t">观看视频进度完成100%，即可进入答题</view>
    </block>
  </view>
  <view class="banner">
    <swiper class="my-swipe">
      <block wx:for="{{info.carousel_list}}" wx:key="index">
        <swiper-item>
          <image src="{{item.thumb}}" alt="" catchtap="tapSwiper" data-url="{{item.applet_url}}"></image>
        </swiper-item>
      </block>

    </swiper>
  </view>
  <view class="grid">
    <cMent datas="{{category_10}}" pointData="{{10}}" cityData="{{city}}"></cMent>
  </view>
  <view class="list">
    <van-tabs active="{{active}}" title-active-color="#f15353" bind:click="onClick" swipe-threshold="{{4}}" wx:if="{{info.video_category_list}}">
      <block wx:for="{{info.video_category_list}}" wx:key="index">
        <van-tab title="{{item.title}}"></van-tab>
      </block>
    </van-tabs>
    <view class="listBox">
      <view class="li" wx:for="{{info.video_category_list[active].video_list}}" wx:key="index" catchtap="toWatch"
        data-id="{{item.id}}">
        <view class="img">
          <image src="{{item.image}}"></image>
        </view>
        <view class="bot_text">{{item.title}}</view>
      </view>
    </view>
  </view>
  <view class="posBtn" catchtap="goAnswer" wx:if="{{info.show_answer_button == 1}}">
    <!-- <span>开始</span><span>答题</span>  -->
  </view>
  <view class="posBtnRecord" catchtap="goRecord">
    <view>答题</view><view>记录</view> 
  </view>
  <van-popup show="{{message}}" position="bottom" coustom-style="height:600rpx" closeable close-icon="cross"
    bind:close="onClose">
    <view class="messageBox">
      <scroll-view bindscrolltolower="timeOr" lower-threshold="20" binddragstart="timeOr" scroll-y="true">
        <view class="dfin">
          <block wx:for="{{messageList}}" wx:key="index">
            <view class="message_time">{{item.created_at}}</view>
            <view class="messageLine">{{ item.content }}</view>
          </block>
          <view wx:if="{{messageList.length == 0}}" style="color: #666666;text-align: center;">暂无消息</view>
        </view>
      </scroll-view>

    </view>
  </van-popup>
</view>