From f9d4b09377c5471e1202be2fef2c89de27b6654d Mon Sep 17 00:00:00 2001
From: yiming <m13691596795@163.com>
Date: 星期三, 13 三月 2024 19:50:42 +0800
Subject: [PATCH] feat(撒): 的

---
 pages/resourceDetails/myAudio/index.wxml |  142 ++++++++++++++++++++++++++++++++++++++++-------
 1 files changed, 120 insertions(+), 22 deletions(-)

diff --git a/pages/resourceDetails/myAudio/index.wxml b/pages/resourceDetails/myAudio/index.wxml
index 4449e6d..ddf7634 100644
--- a/pages/resourceDetails/myAudio/index.wxml
+++ b/pages/resourceDetails/myAudio/index.wxml
@@ -3,37 +3,135 @@
   <view>
     <t-icon name="chevron-left" size="30" data-name="{{item}}" bind:click="goBack" />
   </view>
-  <view class="navbar-title">璧勬簮璇︽儏-闊抽</view>
+  <view class="navbar-title">璧勬簮璇︽儏-瑙嗛</view>
 </view>
 
 
 
 
-<view class="audioBox">
-  <view class="">
-    <image class="imageFront" src="/static/images/resourceDetailsMyAudio/cd.png" mode="aspectFit" />
-    <image class=" imageAfter" src="/static/images/resourceDetailsMyAudio/video-bg.png" mode="aspectFit" />
+<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="controlBox">
-
-    <image src="/static/images/resourceDetailsMyAudio/shangyizhang.png" mode="" />
-    <image bindtap="audioPlay" src="/static/images/resourceDetailsMyAudio/zanting.png" mode="" />
-    <image bindtap="audioPause" src="/static/images/resourceDetailsMyAudio/xiayizhang.png" mode="" />
+  <slider class="mp-slider-bar" block-size="16" value="{{myAudioPos}}" bindchange="hanle_slider_change"></slider>
+  <!-- 瑙嗛鎾斁鐨勬寜閽� -->
+  <view class="functionBox">
 
 
-    <image src="/static/images/resourceDetailsMyAudio/Full screen.png" mode="" />
-    <!-- <view class="free-MusicProgress">
-      <view style="width:{{progress}}%;"></view>
-    </view> -->
+    <!-- 宸﹀垏鎹� -->
+    <view class="leftSwitchBox  color" bind:tap="onLeftSwitch">
+      <t-icon name="previous" size="24" />
+    </view>
+
+    <!-- 鏆傚仠鎾斁 -->
+    <view class="audioIconBox color">
+      <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>
+
+    <!-- 鍙冲垏鎹� -->
+    <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>
+
+    <view class="publicBtn color" style="margin-left:100rpx ;" bind:tap="onSpeed">
+
+      <text class="publicText">{{"x "+speed}}</text>
+    </view>
   </view>
-
-
 </view>
-<audio wx:if="{{false}}" bindtimeupdate="MusicStart" poster="{{poster}}" name="{{name}}" author="{{author}}" src="{{src}}" id="myAudio" controls loop>
+
+<!-- 鏍囬 -->
+<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>
 
 
-</audio>
-<!-- <button type="primary" >鎾斁</button>
-<button type="primary">鏆傚仠</button>
-<button type="primary" bindtap="audio14">璁剧疆褰撳墠鎾斁鏃堕棿涓�14绉�</button>
-<button type="primary" bindtap="audioStart">鍥炲埌寮�澶�</button> -->
\ No newline at end of file
+<!-- 璁扮瑪璁板脊绐� -->
+<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>
\ No newline at end of file

--
Gitblit v1.9.1