<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="audioPlayerBox">
|
<view class="audioBackground" style="background-image: url('/static/images/resourceDetailsMyAudio/video-bg.png');">
|
<image src="/static/images/resourceDetailsMyAudio/cd.png" alt="" />
|
</view>
|
<!-- 视频播放的按钮 -->
|
<view class="bigFunctionBox">
|
<view class="functionBox">
|
<!-- 左切换 -->
|
<!-- <view class="leftSwitchBox color" bind:tap="onLeftSwitch">
|
<t-icon name="previous" size="24" />
|
</view> -->
|
|
<!-- 暂停播放 -->
|
<view class="audioIconBox color" style="margin-left: 30rpx; margin-right: 10rpx;">
|
<view wx:if="{{!isplay}}" bind:tap='play'>
|
<t-icon name="play-circle-stroke" size="24" />
|
</view>
|
<view wx:else bind:tap="stop">
|
<t-icon name="pause-circle-stroke" size="24" />
|
</view>
|
</view>
|
<slider style="width: 300rpx;" activeColor='#FF6C00' class="mp-slider-bar" block-size="16" value="{{myAudioPos}}" bindchange="hanle_slider_change"></slider>
|
<!-- 右切换 -->
|
<!-- <view class="rightSwitchBox color" bind:tap="onRightSwitch">
|
<t-icon name="next" size="24" />
|
</view> -->
|
|
<!-- 时间 -->
|
<view class="current-time color">{{myAudioCurrent}} </view>
|
<view class="color" style="margin: 0 10rpx;">/</view>
|
<view class="duration-time color"> {{myAudioDuration}} </view>
|
|
|
<!-- bind:tap="onSpeed" -->
|
<view class="publicBtn color">
|
<view class="publicText" bind:tap="toggleDropdown">
|
<view>
|
{{"x "+speed}}
|
</view>
|
<t-icon style="margin-top: 10rpx;" wx:if="{{showDropdown}}" name="caret-up-small" size="14" bind:click="onIconTap" />
|
<t-icon style="margin-top: 10rpx;" wx:else name="caret-down-small" size="14" bind:click="onIconTap" />
|
</view>
|
<view class="multipleBox" wx:if="{{showDropdown}}">
|
<view wx:if="{{speed != 0.5}}" style="margin: 5rpx 0;" bind:tap="smallSpeed">x0.5</view>
|
<view wx:if="{{speed != 1}}" style="margin: 5rpx 0;" bind:tap="smallSpeeDmultiple">x1</view>
|
<view wx:if="{{speed != 1.5}}" style="margin: 5rpx 0;" bind:tap="centreSpeed">x1.5</view>
|
<view wx:if="{{speed != 2}}" style="margin: 5rpx 0;" bind:tap="bigSpeed">x2</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
|
<!-- 标题 -->
|
<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">
|
<!-- 资源列表 -->
|
<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="{{parentName}}" value="{{0}}" expandIcon>
|
<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>
|
</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 value="{{item.id}}" expandIcon wx:for="{{noteList}}">
|
<view slot="header" class="collapse-header">
|
<t-image class="note-icon" src="/static/images/bookService/detail/note-icon.png"></t-image>
|
<view class="header-name">{{item.name}}</view>
|
</view>
|
<view>
|
<view class="note-content">{{item.content}}</view>
|
<view class="note-bottom">
|
<view class="note-time">{{item.createDate}}</view>
|
<view class="bottom-btn">
|
<t-image src="/static/images/bookService/detail/compliceHover.png" class="complice" bind:tap="editNote" data-note="{{item}}"></t-image>
|
<view></view>
|
<t-image src="/static/images/bookService/detail/deleteHover.png" class="delete" bind:tap="deleteNote" data-id="{{item.id}}"></t-image>
|
</view>
|
</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-popup visible="{{dialogKey}}" bind:visible-change="onVisibleChange" placement="center">
|
<view class="popup">
|
<view slot="title">
|
<view class="title-text" wx:if="{{!flag}}">
|
<text class="note-title">{{titleName}}</text>
|
<t-image src="/static/images/bookService/detail/edit.png" class="edit-icon" bind:tap="changeTitle" data-value="{{true}}"></t-image>
|
</view>
|
<view wx:else>
|
<t-input value="{{titleName}}" style="{{inputStyle}}" data-value="{{false}}" bind:enter="changeTitle" bind:blur="changeTitle" maxlength="{{50}}" bind:change="inputChange"></t-input>
|
</view>
|
</view>
|
|
|
|
|
<view slot='content'>
|
<view class="textarea-example">
|
<text class="textarea-example__label">内容:</text>
|
<t-textarea value="{{textvalue}}" t-class="external-class" placeholder="请输入文字" bordered maxlength="500" disableDefaultPadding="{{true}}" indicator style="{{inputStyle}}" bind:change="textareaChange" />
|
</view>
|
|
|
<view class="submit-btn">
|
<t-button theme="primary" size="large" block bind:tap="confirmSuggest">提交</t-button>
|
</view>
|
</view>
|
|
|
|
</view>
|
<t-icon t-class="close-btn" name="close-circle" size="32" color="#fff" bind:tap="closeDialog" />
|
</t-popup>
|
