<import src="index.skeleton.wxml" />
|
<template is="skeleton" wx:if="{{loading}}" />
|
|
<view wx:if="{{!hidden}}">
|
<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 class="audioPlayerBox">
|
<view
|
class="audioBackground"
|
style="background-image: url('https://jsek.bnuic.com/home/image/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" class="pauseCircleBox">
|
<!-- <t-icon name="play-circle-stroke" size="24" /> -->
|
<image
|
src="/static/images/resourceDetailsMyAudio/play@2x.png"
|
mode=""
|
/>
|
</view>
|
<view wx:if="{{!isplay}}" bind:tap="stop" class="pauseCircleBox">
|
<!-- <t-icon name="pause-circle-stroke" size="24" /> -->
|
<image
|
src="/static/images/resourceDetailsMyAudio/zanting@2x.png"
|
mode=""
|
/>
|
</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="timeBox">
|
<view class="current-time color">{{myAudioCurrent}} </view>
|
<view class="color" style="margin: 0 10rpx">/</view>
|
<view class="duration-time color"> {{myAudioDuration}} </view>
|
</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
|
style="margin: 10rpx 0"
|
wx:if="{{speed != 0.5}}"
|
bind:tap="smallSpeed"
|
>x0.5</view
|
>
|
<view
|
style="margin: 10rpx 0"
|
wx:if="{{speed != 1}}"
|
bind:tap="smallSpeeDmultiple"
|
>x1</view
|
>
|
<view
|
style="margin: 10rpx 0"
|
wx:if="{{speed != 1.5}}"
|
bind:tap="centreSpeed"
|
>x1.5</view
|
>
|
<view
|
style="margin: 10rpx 0"
|
wx:if="{{speed != 2}}"
|
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"
|
split="{{false}}"
|
>
|
<!-- 资源列表 -->
|
<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="outsideDetailsName">
|
<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>
|
</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">
|
<view wx:if="{{noteList.length == 0}}" class="noData">
|
<t-empty icon="folder-open" description="暂无数据" />
|
</view>
|
|
<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/jibiji／icon@2x.png"
|
mode=""
|
/>
|
记笔记
|
</view>
|
</view>
|
<view class="buttonBox"></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">{{submitTitle}}</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="{{submitTitle}}"
|
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>
|
</view>
|
