YD_WeChatApplet/pages/teacher/vedio/vedio.wxml

<!--pages/teacher/vedio/vedio.wxml-->
<view class="page-content">
  <mp-bar background="linear-gradient(190deg, #49a5fc 0%, #f7f7f7 800rpx, #f7f7f7 100%)" title="课程库" color="#fff" back="{{false}}"></mp-bar>

  <view class="card-top" wx:if="{{isTrainer}}">
    <view class="card-top-item {{topTab == 1?'card-top-click':''}}" data-id="1" data-key="topTab" bind:tap="changeTopTab">学校课程</view>
    <view class="card-top-item {{topTab == 2?'card-top-click':''}}" data-id="2" data-key="topTab" bind:tap="changeTopTab">场馆课程</view>
  </view>
  <view class="card {{isTrainer?'have-top':''}}" wx:if="{{topTab == 1}}">
    <scroll-view scroll-x="{{true}}">
      <view class="tab-list">
        <view class="title" wx:for="{{list}}" wx:key="index" bind:tap="changeTab" data-item="{{item}}">
          <view>{{item.name}}</view>
          <view class="title-b" wx:if="{{item.name == detail.name}}"></view>
        </view>
      </view>
    </scroll-view>

    <view class="jineng {{showSelect ? 'show' :''}}">
      <view class="jineng-item {{showSelectTabId == 0 ? 'aacctive':''}}" bind:tap="showSelect" data-id="0">
        基本技能
        <image src="https://yuedong-wechatapplet.oss-cn-shanghai.aliyuncs.com/static/teacher/{{showSelectId == 0 && showSelect ?'upp':'downn'}}-{{showSelectTabId == 0 ? 'f':'7'}}.png" mode="" />
      </view>
      <view class="jineng-item {{showSelectTabId == 1 ? 'aacctive':''}}" bind:tap="showSelect" data-id="1">
        专项技能
        <image src="https://yuedong-wechatapplet.oss-cn-shanghai.aliyuncs.com/static/teacher/{{showSelectId == 1 && showSelect ?'upp':'downn'}}-{{showSelectTabId == 1 ? 'f':'7'}}.png" mode="" />
      </view>

      <view class="select  {{showSelect ? 'visible' :''}}">
        <view class="box" wx:for="{{forList}}" wx:key="index">
          <view class="title2">
            {{item.name}}
          </view>
          <view class="select-box">
            <view class="select-item {{showVideo.id == video.id ?'now' :''}}" wx:for="{{item.actionList}}" wx:for-item="video" wx:key="id" data-video="{{video}}" bind:tap="changeVideo">
              {{video.actionName}}
            </view>
          </view>
        </view>
      </view>
    </view>

    <view class="title3" wx:if="{{showVideo.actionVideoPath}}">
      <view class="title3-before"></view>动作示范
    </view>
    <video wx:if="{{showVideo.actionVideoPath}}" class="video" src="{{showVideo.actionVideoPath}}" />

    <view class="title3" wx:if="{{showVideo.explainVideoPath}}">
      <view class="title3-before"></view>要领讲解
    </view>
    <video wx:if="{{showVideo.explainVideoPath}}" class="video" src="{{showVideo.explainVideoPath}}" />


    <view class="title3" wx:if="{{showVideo.exerciseVideoPath}}">
      <view class="title3-before"></view>练习方法
    </view>
    <video wx:if="{{showVideo.exerciseVideoPath}}" class="video" src="{{showVideo.exerciseVideoPath}}" />




  </view>

  <view class="card have-top" wx:else="">
    <scroll-view scroll-x="{{true}}">
      <view class="tab-list">
        <view class="title" wx:for="{{venueList}}" wx:key="index" data-id="{{index}}" data-key="venueIndex" bind:tap="changeTopTab" data-item="{{item}}">
          <view>{{item.typeName}}</view>
          <view class="title-b" wx:if="{{venueIndex == index}}"></view>
        </view>
      </view>
    </scroll-view>

    <scroll-view scroll-x="{{true}}" class="bb">
      <view class="tab">
        <view class="tab-item {{venueDetailIndex == index ? 'active':''}}" wx:key="index" data-key="venueDetailIndex" wx:for="{{venueList[venueIndex]['children']}}" data-id="{{index}}" bind:tap="changeTopTab">
          {{item.typeName}}
        </view>
      </view>
    </scroll-view>

    <view class="nothing" wx:if="{{venueList[venueIndex]['children'][venueDetailIndex]['resourceDetails'].length <= 0}}" class="nothing">
      暂无数据~
    </view>

    <view class="type">
      <view class="card1" wx:for="{{venueList[venueIndex]['children'][venueDetailIndex]['resourceDetails']}}" wx:key="id">
        <view class="title3" style="margin-top: 0;">
          <view class="title3-before"></view>{{item.resourceName}}
        </view>
        <video wx:if="{{item.resourceUrl}}" class="vid" src="{{item.resourceUrl}}" />
      </view>

    </view>
  </view>
</view>