2026-04-16 13:38:33 +08:00

96 lines
4.6 KiB
Plaintext

<!--subpackage/student/teach/teach.wxml-->
<view class="page-content" style="padding: 0 30rpx;box-sizing: border-box;">
<mp-bar background="linear-gradient(190deg, #49a5fc 0%, #f7f7f7 800rpx, #f7f7f7 100%)" title="教学" color="#fff" back="{{false}}"></mp-bar>
<!-- <view class="card" bind:tap="goList">
<view class="title">
<view class="title-before"></view>场馆列表
</view>
</view> -->
<image bind:tap="goList" src="https://yuedong-wechatapplet.oss-cn-shanghai.aliyuncs.com/static/room/room_going.png" class="going" mode="" />
<view class="card">
<view class="title">
<view class="title-before"></view>热门课程
</view>
<scroll-view scroll-x="{{true}}">
<view class="hot">
<view class="hot-item" wx:for="{{hotList}}" wx:key="index">
<block>
<video src="{{item.url}}" bind:tap="vicTap" data-idkey="hotId" autoplay id="{{item.id}}" show-center-play-btn="{{false}}" wx:if="{{hotId == item.id}}" poster="{{item.coverImage}}" title="{{item.curricularName}}" class="vic" object-fit="fill" />
<image src="{{item.coverImage}}" bind:tap="vicTap" data-idkey="hotId" id="{{item.id}}" wx:if="{{hotId != item.id}}" class="vic vicImg" />
<mp-icon icon="play" color="#fff" bind:tap="vicTap" data-idKey="hotId" id="{{item.id}}" type="field" size="{{40}}" wx:if="{{hotId != item.id}}" class="iconnn"></mp-icon>
</block>
<view class="desc">
<view class="name">{{item.curricularName}}</view>
<view class="hit">
{{item.hits}}
<mp-icon icon="eyes-on" size="{{16}}" style="margin-left: 8rpx;"></mp-icon>
</view>
</view>
</view>
</view>
</scroll-view>
</view>
<view class="card">
<view class="title">
<view class="title-before"></view>冠军课程
</view>
<scroll-view scroll-x="{{true}}" class="bb">
<view class="tab">
<view class="tab-item {{buyTypeId == item.id ? 'active':''}}" wx:key="id" wx:for="{{buyTypeList}}" id="{{item.id}}" bind:tap="changeTab" data-key="buyTypeId" data-buy="{{item.isPurchase}}">
{{item.name}}
</view>
</view>
</scroll-view>
<view class="hot2">
<view class="hot-item hot2-item" wx:for="{{buyList}}" wx:key="index">
<video src="{{item.url}}" bind:tap="vicTap" data-idkey="buyId" id="{{item.id}}" data-url="{{item.url}}" wx:if="{{buyId == item.id}}" show-center-play-btn="{{false}}" poster="{{item.coverImage}}" title="{{item.curricularName}}" autoplay class="vic" />
<image src="{{item.coverImage}}" bind:tap="vicTap" data-idkey="buyId" id="{{item.id}}" wx:if="{{buyId != item.id}}" class="vic vicImg {{!nowIsBuy? 'blur' :''}}"/>
<mp-icon icon="{{nowIsBuy?'play':'lock'}}" color="#fff" bind:tap="vicTap" data-idkey="buyId" id="{{item.id}}" type="field" size="{{nowIsBuy?40:35}}" wx:if="{{buyId != item.id}}" class="iconnn"></mp-icon>
<view class="desc">
<view class="name">{{item.curricularName}}</view>
<view class="hit">
{{item.hits}}
<mp-icon icon="eyes-on" size="{{16}}" style="margin-left: 8rpx;"></mp-icon>
</view>
</view>
</view>
</view>
</view>
<view class="card">
<view class="title">
<view class="title-before"></view>课程中心
</view>
<scroll-view scroll-x="{{true}}" class="bb">
<view class="tab">
<view class="tab-item {{typeId == item.id ? 'active':''}}" wx:key="id" wx:for="{{teachTypeList}}" id="{{item.id}}" bind:tap="changeTab" data-key="typeId">
{{item.name}}
</view>
</view>
</scroll-view>
<view class="hot2">
<view class="hot-item hot2-item" wx:for="{{teachList}}" wx:key="index">
<video src="{{item.url}}" bind:tap="vicTap" data-idkey="playId" id="{{item.id}}" data-url="{{item.url}}" wx:if="{{playId == item.id}}" show-center-play-btn="{{false}}" poster="{{item.coverImage}}" title="{{item.curricularName}}" autoplay class="vic" object-fit="fill" />
<image src="{{item.coverImage}}" bind:tap="vicTap" data-idkey="playId" id="{{item.id}}" wx:if="{{playId != item.id}}" class="vic vicImg"/>
<mp-icon icon="play" color="#fff" bind:tap="vicTap" data-idkey="playId" id="{{item.id}}" type="field" size="{{40}}" wx:if="{{playId != item.id}}" class="iconnn"></mp-icon>
<view class="desc">
<view class="name">{{item.curricularName}}</view>
<view class="hit">
{{item.hits}}
<mp-icon icon="eyes-on" size="{{16}}" style="margin-left: 8rpx;"></mp-icon>
</view>
</view>
</view>
</view>
</view>
</view>