challengeFamily/pages/account/course/index.wxml

<view class='picker'>
  <view class='selector'>
    <text class='font12 white'>| 参加的宝贝：</text>
    <picker class='select' bindchange="bindChildChange" disabled="{{childs.length <= 0}}" value="{{indexs.child}}" range-key="name" range="{{childs}}">
      <text wx:if="{{childs.length > 0}}">{{childs[indexs.child].name}}</text>
      <text wx:else>还没有参加的儿童</text>
    </picker>
  </view>
  <view class='selector'>
    <text class='font12 white'>| 营前课活动：</text>
    <picker class='select' bindchange="bindActivityChange" disabled="{{actives.length <= 0}}" value="{{indexs.activity}}" range="{{actives}}">
      <text wx:if="{{actives.length > 0}}">{{actives[indexs.activity]}}</text>
      <text wx:else>还没有营前课的活动</text>
    </picker>
  </view>
</view>
<block wx:if="{{info}}">
<view class='content-box content-pad user-info relative'>
  <image class='course_seal' src='https://img.bbztx.com/image_test/upload/thumbs/20221031/logo/1667196445914092714.png'></image>
  <view class='head relative' bindtap='updateHead'>
    <view class='head-bg' wx:if="{{!info.avatar}}">点击上传头像</view>
    <image src='{{info.avatar ? info.avatar : "/images/default_logo.jpg"}}'></image>
  </view>
  <view class='user-i-box'>
    {{info.name}} <text class='solt' wx:if="{{info.show == 1 && info.number > 0}}">{{info.number}}组</text>
    <view class='ui-c-box mTop10'>
      <view class='ui-c-item line'>
        <view class='gray font12'>个人积分\n</view>
        <navigator url='/pages/account/course/integral?name={{info.name}}&integral={{info.personalScore || 0}}&campId={{info.id}}&playerId={{info.playerId}}' class='mTop5' hover-class='none'>
        <text class='font25 subtitleColor'>{{info.personalScore || 0}}</text>
        <text class='icon-arrow'></text>
        </navigator>
      </view>
      <view class='ui-c-item'>
        <block wx:if="{{info.show == 1}}">
        <view class='gray font12'>小组人均积分\n</view>
        <view class='font25 subtitleColor mTop5'>{{info.teamScore}}</view>
        </block>
        <block wx:else>
        <view class='gray font12'>超越\n</view>
        <view class='font25 subtitleColor mTop5'>{{info.rankRate}}<text class='subtitleColor font12'>%</text><text class='gray font12'>的伙伴</text></view>
        </block>
      </view>
    </view>
  </view>
</view>
<view class='content-box content-pad ui-course-box' wx:if="{{info.show == 1 && info.players.length > 0}}">
  <view class='title'>
    <text class='icon-member'></text>小组成员
  </view>
  <view class='ui-course-content ui-players'>
    <view class='ui-head' wx:for="{{info.players}}" wx:key="*this">
      <image src='{{item.avatar ? item.avatar : "/images/default_logo.jpg"}}'></image>
      <text>{{item.name}}</text>
      <text>{{item.score}}</text>
    </view>
  </view>
</view>
<view class='content-box content-pad ui-course-box'>
  <view class='title'>
    <text class='icon-ranking'></text>{{info.show == 1 ? '小组人均积分':'积分'}}排名
  </view>
  <view class='ui-course-content ec-canvas'>
    <ec-canvas id="mychart" canvas-id="mychart-line" ec="{{ ec }}"></ec-canvas>
  </view>
</view>
</block>
<view class='ui-course-study' wx:if="{{list.length > 0}}">
  <view class='content-pad ui-course-box'>
    <view class='title'>
      <text class='icon-study'></text>营前学习
    </view>
  </view>

  <block wx:for="{{list}}" wx:key="*this">
  <view class='content-box content-pad ui-course-box course-camp'>
    <view class='course-camp-title'>
      <text class='solt'>{{item.timeInterval}}</text>{{item.title}}
    </view>
    <view class='font12 step'>
      <text class='subtitleColor'>|第一步|</text>学习视频
    </view>
    <view class='ui-c-box video mTop10'>
      <block wx:for="{{item.videoArr}}" wx:for-item="video" wx:key="*this" wx:for-index="idx">
      <view class='ui-c-item'>
        <video class='course-camp-video' bindfullscreenchange="fullscreen" wx:if='{{index == indexs.videoParent && idx == indexs.video}}' id='video_{{index}}_{{idx}}' src='{{item.videoM3u8Arr[idx]}}' bindended="playEnd"></video>
        <view bindtap='videoPlay' class='course-camp-video relative' wx:else data-parentindex='{{index}}' data-index='{{idx}}'>
          <text class='icon-video-play'></text>
          <view class='course-camp-video bg'></view>
          <image class='course-camp-video' src='{{video}}?x-oss-process=video/snapshot,t_7000,f_jpg,w_105,h_70,m_fast'></image>
        </view>
      </view>
      </block>
    </view>

    <view class='font12 step mTop20'>
      <text class='subtitleColor'>|第二步|</text>趣味挑战
    </view>
    <view class='mTop10 buttons-row buttons-gutter'>
      <button data-url="/pages/account/course/module/answer?playerId={{info.playerId}}&courseId={{item.id}}&rank={{item.choiceQuestionRank}}" bindtap='navigatorUrl' class='button button-radius button-subtitle button-mini{{item.choiceQuestionStatus == 1 ? " button-border":""}}' wx:if="{{item.choiceQuestionNum > 0}}">
        选择题 <text class='icon-camp-ok' wx:if="{{item.choiceQuestionStatus == 1}}"></text>
      </button>
      <button data-url="/pages/account/course/module/video?playerId={{info.playerId}}&courseId={{item.id}}" bindtap='navigatorUrl' class='button button-radius button-subtitle button-mini{{item.videoSampleStatus == 1 ? " button-border":""}}' wx:if="{{item.videoSampleNum  > 0}}">
        小任务 <text class='icon-camp-ok' wx:if="{{item.videoSampleStatus == 1}}"></text>
      </button>
      <button data-url="/pages/account/course/read/list?courseId={{item.id}}&playerId={{info.playerId}}" bindtap='navigatorUrl' class='button button-radius button-subtitle button-mini{{item.furterReadingStatus == 1 ? " button-border":""}}' wx:if="{{item.futherReadingNum > 0}}">
      扩展阅读 <text class='icon-camp-ok' wx:if="{{item.furterReadingStatus == 1}}"></text>
      </button>
    </view>
  </view>
  </block>
</view>
<view class='content-box content-pad' style='height: calc((100% - 235rpx*1) / 1);' hidden='{{noData}}'>
  <view class='noData' style='margin-top:260rpx;'>
    <text class="icon icon-info"></text><text>~暂无营前课信息~</text>
  </view>
</view>