audio-overlay.wxml
773 Bytes
<!-- 音频播放蒙层组件 -->
<view class="audio-overlay" wx:if="{{isPlaying}}" bindtap="onOverlayTap">
<view class="overlay-content" catchtap="stopPropagation">
<view class="audio-icon">
<view class="sound-wave">
<view class="wave"></view>
<view class="wave"></view>
<view class="wave"></view>
<view class="wave"></view>
</view>
</view>
<view class="audio-text">{{audioText}}</view>
<view class="progress-container">
<view class="progress-bar">
<view class="progress-fill" style="width: {{progress}}%"></view>
</view>
<view class="time-info">{{currentTime}} / {{duration}}</view>
</view>
<button class="stop-btn" bindtap="onStopTap">停止播放</button>
</view>
</view>