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>