| | |
| | | <import src="index.skeleton.wxml" /> |
| | | <template is="skeleton" wx:if="{{loading}}" /> |
| | | |
| | | <view wx:if="{{!loading}}"> |
| | | <!-- <view style="width: 100%; height: {{barHeight}}px; "></view> |
| | | <view class="nacigationBar" style="width: 100%; height: {{navBarHeight}}px;"> |
| | | <view> |
| | | <t-icon name="chevron-left" size="30" data-name="{{item}}" bind:click="goBack" /> |
| | | </view> |
| | | <view class="navbar-title">资源详情-视频</view> |
| | | </view> --> |
| | | <view> |
| | | <!-- 视频 --> |
| | | <view class="videoBox" wx:if="{{videoChange}}"> |
| | | <!-- autoplay='false' 是否自动播放 --> |
| | | <!-- <video binderror="videoErrorCallback" src="{{showData}}" play-btn-position='center' object-fit='fill' controls enable-play-gesture enable-auto-rotation></video> --> |
| | | <view wx:if="{{videoLoaidng}}" class="video-loading"> |
| | | <t-loading theme="circular" size="60rpx" class="wrapper" loading="{{videoLoaidng}}" /> |
| | | <view wx:if="{{videoLoading}}" class="video-loading"> |
| | | <t-loading theme="circular" size="60rpx" class="wrapper" loading="{{videoLoading}}" /> |
| | | </view> |
| | | <video show-center-play-btn="{{false}}" src="{{showData}}" bindloadedmetadata="loadedmetadata"></video> |
| | | <t-video id="tvd" src="{{showDataVod}}" style="width: 100%" bindvideoloaded="loadedmetadata" bindEnded="videoEnd" bindTimeupdate="timeUpdate" wx:if="{{!videoLoading}}"> |
| | | </t-video> |
| | | </view> |
| | | |
| | | <view wx:if="{{!videoChange}}" class="videoSubsidiaryBox"> |
| | |
| | | <!-- 标题 --> |
| | | <view class="titleBox">{{titleName}}</view> |
| | | <view class="contentBox"> |
| | | <t-tabs defaultValue="{{0}}" bind:change="onTabsChange" bind:click="onTabsClick" t-class="custom-tabs" t-class-content="custom-panel" split="{{false}}"> |
| | | <t-tabs defaultValue="{{0}}" bind:change="onTabsChange" t-class="custom-tabs" t-class-content="custom-panel" split="{{false}}"> |
| | | <!-- 资源列表 --> |
| | | <t-tab-panel label="资源列表" value="0" style="{{tabPanelstyle}}" style="width: 750rpx"> |
| | | <view class="wrapper"> |
| | | <view class="outsideDetailsName"> |
| | | <view class="titleBox">{{parentName}}</view> |
| | | <view class="detailsName" wx:for="{{threeLeveData}}" wx:key="index" wx:for-item="item" wx:for-index="index" bind:tap="onVideo" data-item="{{item}}" data-index="{{index}}"> |
| | | <view style="color: {{selectedId == index ? '#ff6c00' : '#000'}}">{{item.name}}</view> |
| | | <view class="demo-section__content" wx:if="{{loading}}"> |
| | | <t-skeleton theme="paragraph" animation="gradient" loading="true"></t-skeleton> |
| | | </view> |
| | | <scroll-view style="height: 700rpx" scroll-y scroll-into-view="{{toView}}"> |
| | | <view class="wrapper" wx:if="{{!loading}}"> |
| | | <view class="outsideDetailsName"> |
| | | <!-- <view class="titleBox">{{parentName}}</view> --> |
| | | <view wx:for="{{threeLeveData}}" wx:key="index" wx:for-item="item" wx:for-index="index" bind:tap="onVideo" data-item="{{item}}" data-index="{{index}}" class="detailsName" id="{{selectedId == index ? 'activeName'+index : ''}}"> |
| | | <view style="color: {{selectedId == index ? '#ff6c00' : '#000'}}">{{item.name}}</view> |
| | | </view> |
| | | </view> |
| | | </view> |
| | | </view> |
| | | </scroll-view> |
| | | </t-tab-panel> |
| | | <!-- 笔记展示 --> |
| | | <t-tab-panel label="笔记" value="1" style="{{tabPanelstyle}}"> |
| | | <view class="wrapper"> |
| | | <view wx:if="{{!noteList.length}}" class="noData"> |
| | | <t-empty icon="folder-open" description="暂无数据" /> |
| | | <!-- <t-empty icon="folder-open" description="暂无数据" /> --> |
| | | <empty /> |
| | | </view> |
| | | <t-collapse value="{{activeValues}}" bind:change="handleChange"> |
| | | <t-collapse-panel value="{{item.id}}" expandIcon wx:for="{{noteList}}" wx:key="id"> |
| | |
| | | </view> |
| | | <t-icon t-class="close-btn" name="close-circle" size="32" color="#fff" bind:tap="closeDialog" /> |
| | | </t-popup> |
| | | </view> |
| | | </view> |
| | | |
| | | <t-dialog class="prompDialog" visible="{{promptVisable}}" title="提示" content="试看结束,请购买正式资源" confirm-btn="{{ confirmBtn }}" bind:confirm="closePromapDialog" /> |