<view style="width: 100%; height: {{barHeight}}px; "></view>
|
<view class="nacigationBar" style="width: 70%; 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 class="videoBox">
|
<video src="{{vURL}}" play-btn-position='center' object-fit='fill' controls enable-play-gesture enable-auto-rotation></video>
|
</view>
|
|
<!-- 标题 -->
|
<view class="titleBox">基础教育研究背景总体设计</view>
|
|
<view class="contentBox">
|
<t-tabs defaultValue="{{0}}" bind:change="onTabsChange" bind:click="onTabsClick" t-class="custom-tabs" t-class-content="custom-panel">
|
<!-- 资源列表 -->
|
<t-tab-panel label="资源列表" value="0" style="{{tabPanelstyle}}" style="width: 750rpx;">
|
<view class="wrapper">
|
<t-collapse value="{{activeValues}}" bind:change="handleChange">
|
<t-collapse-panel header="一、背景、意义与总体设计" value="{{0}}" expandIcon>
|
<view wx:for="{{3}}">
|
<view>第一课</view>
|
<view>第二课</view>
|
<view>第三课</view>
|
<view>第四课</view>
|
</view>
|
</t-collapse-panel>
|
</t-collapse>
|
</view>
|
</t-tab-panel>
|
<!-- 笔记展示 -->
|
<t-tab-panel label="笔记" value="1" style="{{tabPanelstyle}}">
|
<view class="wrapper">
|
<t-collapse value="{{activeValues}}" bind:change="handleChange">
|
<t-collapse-panel header="第1第1课时 课程视频" value="{{0}}" expandIcon>
|
<view> 此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容此处可自定义内容</view>
|
<view class="operateBox">
|
<view>2023-08-29</view>
|
<view class="iconBox">
|
<image src="/static/images/resourceDetails/jibijiicon2.png" mode="" />
|
<image src="/static/images/resourceDetails/jibijiicon3.png" mode="" />
|
</view>
|
</view>
|
</t-collapse-panel>
|
</t-collapse>
|
</view>
|
</t-tab-panel>
|
</t-tabs>
|
|
<!-- 记笔记 -->
|
<view class="takeNotes" data-key="showCloseBtn" bind:tap="showDialog">
|
<view class="takeNotesLining">
|
<image src="/static/images/resourceDetails/jibijii.png" mode="" /> 记笔记
|
</view>
|
</view>
|
</view>
|
|
|
<!-- 记笔记弹窗 -->
|
<t-dialog visible="{{showCloseBtn}}" close-btn bind:confirm="closeDialog" bind:cancel="closeDialog">
|
<view slot='title' class="dialogTitleBox">一、道德与品德的关系-有试看
|
<image class="titleImageBox" src="/static/images/resourceDetails/edit.png" alt="" />
|
</view>
|
<view slot='content'>
|
<view class="input-example">
|
<view class="input-example__label"> 内容 </view>
|
<t-input class="inputBox" placeholder="请输入文字" borderless="{{true}}" style="{{style}}" />
|
</view>
|
<view class="buttonBox">
|
<view>
|
<t-button style="margin: 20rpx 30rpx;" variant="outline" size="extra-small">取消</t-button>
|
<t-button style="margin: 20rpx 30rpx;" theme="primary" size="extra-small">确认</t-button>
|
</view>
|
</view>
|
</view>
|
</t-dialog>
|
