From c99f9976a5ef9d8974105feb8fc0580a10adf98c Mon Sep 17 00:00:00 2001
From: QYF-GitLab1 <1940665526@qq.com>
Date: 星期一, 23 十二月 2024 14:58:49 +0800
Subject: [PATCH] 111
---
packageDomain/pages/resourceDetails/myAudio/index.wxml | 368 ++++++++++++++++++----------------------------------
1 files changed, 129 insertions(+), 239 deletions(-)
diff --git a/packageDomain/pages/resourceDetails/myAudio/index.wxml b/packageDomain/pages/resourceDetails/myAudio/index.wxml
index 823711f..2ed2084 100644
--- a/packageDomain/pages/resourceDetails/myAudio/index.wxml
+++ b/packageDomain/pages/resourceDetails/myAudio/index.wxml
@@ -1,262 +1,152 @@
-<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>
+<import src="index.skeleton.wxml" />
+<template is="skeleton" wx:if="{{loading}}" />
-<view class="audioPlayerBox">
- <view
- class="audioBackground"
- style="background-image: url('http://182.92.203.7:3007/jsek/website/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 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="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 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="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>
- <view wx:else 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> -->
+ <slider style="width: 300rpx" activeColor="#FF6C00" class="mp-slider-bar" block-size="16" value="{{myAudioPos}}" bindchange="hanle_slider_change"></slider>
- <!-- 鏃堕棿 -->
- <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 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>
- <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
- >
+
+ <!-- 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>
-<!-- 鏍囬 -->
-<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 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>
+
+ </t-collapse-panel>
+ </t-collapse> -->
+ <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>
- </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">{{titleName}}</view>
+ </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="鏆傛棤鏁版嵁" /> -->
+ <empty />
</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>
+
+ <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>
- </view>
- </t-collapse-panel>
- </t-collapse>
- </view>
- </t-tab-panel>
- </t-tabs>
+ </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 class="takeNotes" data-key="showCloseBtn" bind:tap="showDialog">
+ <view class="takeNotesLining">
+ <image src="/static/images/resourceDetails/jibiji锛廼con@2x.png" mode="" />
+ 璁扮瑪璁�
+ </view>
</view>
+ <view class="buttonBox"></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>
+ <!-- 璁扮瑪璁板脊绐� -->
+ <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 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 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>
- <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>
+ <t-icon t-class="close-btn" name="close-circle" size="32" color="#fff" bind:tap="closeDialog" />
+ </t-popup>
+</view>
\ No newline at end of file
--
Gitblit v1.9.1