From a9bd2df4da1cf7b198db7bf2d67ce8adbbe89b32 Mon Sep 17 00:00:00 2001
From: yiming <m13691596795@163.com>
Date: 星期四, 11 四月 2024 22:00:27 +0800
Subject: [PATCH] 音频播放bug
---
packageDomain/pages/resourceDetails/myAudio/index.wxml | 238 ++++++++++++++++++++++++++++++-----------------------------
1 files changed, 122 insertions(+), 116 deletions(-)
diff --git a/packageDomain/pages/resourceDetails/myAudio/index.wxml b/packageDomain/pages/resourceDetails/myAudio/index.wxml
index e910350..e30472d 100644
--- a/packageDomain/pages/resourceDetails/myAudio/index.wxml
+++ b/packageDomain/pages/resourceDetails/myAudio/index.wxml
@@ -1,139 +1,145 @@
-<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 wx:if="{{!hidden}}">
+ <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="bigFunctionBox">
- <view class="functionBox">
- <!-- 宸﹀垏鎹� -->
- <!-- <view class="leftSwitchBox color" bind:tap="onLeftSwitch">
+
+ <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 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 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">
+ <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>
+ <!-- 鏃堕棿 -->
+ <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>
+ <!-- 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>
-<!-- 鏍囬 -->
-<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">
+ <!-- 璧勬簮鍒楄〃 -->
+ <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">
+ <view wx:if="{{noteList.length == 0}}" class="noData">
+ <t-empty icon="folder-open" description="鏆傛棤鏁版嵁" />
</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>
- <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>
- </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 class="takeNotes" data-key="showCloseBtn" bind:tap="showDialog">
+ <view class="takeNotesLining">
+ <image src="/static/images/resourceDetails/jibijii.png" mode="" /> 璁扮瑪璁�
</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
+
+ <!-- 璁扮瑪璁板脊绐� -->
+ <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>
\ No newline at end of file
--
Gitblit v1.9.1