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