gengxin

2026-09-09 14:47:29 +08:00
parent 4d9da40abd
commit 65755c9e96
832 changed files with 412085 additions and 0 deletions
@@ -0,0 +1,63 @@
+<view class="audio-leaf">
+  <view class="audio-leaf-topbar">
+    <button class="back-top" bindtap="goBack" aria-label="返回刚才的连环画">‹ 返回连环画</button>
+    <view class="leaf-heading">
+      <text class="leaf-kicker">第01回 · 有声夹页</text>
+      <text class="leaf-count">{{pageNumber}}／8</text>
+    </view>
+  </view>
+
+  <view class="audio-leaf-spread">
+    <view class="leaf-art-frame">
+      <image class="leaf-art" src="{{imageSrc}}" mode="aspectFit"></image>
+      <text class="leaf-stamp">桂香故事</text>
+    </view>
+
+    <view class="leaf-copy">
+      <text class="leaf-title">{{title}}</text>
+      <text class="leaf-caption">{{caption}}</text>
+
+      <view class="leaf-seek-row">
+        <slider
+          class="leaf-slider"
+          aria-label="播放进度，可左右拖动"
+          min="0"
+          max="{{durationSeconds}}"
+          step="1"
+          value="{{sliderValue}}"
+          activeColor="#9b3328"
+          backgroundColor="#d6c6a1"
+          block-color="#8f271f"
+          block-size="24"
+          disabled="{{loading || !audioReady || seekLocked}}"
+          bindchanging="previewSeek"
+          bindchange="commitSeek"
+        ></slider>
+        <text class="leaf-time">{{currentLabel}} / {{durationLabel}}</text>
+      </view>
+
+      <view class="leaf-controls">
+        <button class="leaf-button" disabled="{{loading || !audioReady || seekLocked}}" bindtap="rewindTenSeconds">后退10秒</button>
+        <button class="leaf-button primary" disabled="{{loading || !audioReady || seekLocked}}" bindtap="togglePlayback">
+          {{loading ? '正在准备' : playing ? '暂停' : hasStarted ? '继续听' : '开始听'}}
+        </button>
+        <button class="leaf-button" disabled="{{loading || !audioReady || seekLocked}}" bindtap="replay">从头重听</button>
+      </view>
+
+      <view wx:if="{{rateControlsVisible}}" class="leaf-rate-row" aria-label="播放速度">
+        <text class="leaf-rate-label">语速</text>
+        <button
+          wx:for="{{rateOptions}}"
+          wx:key="value"
+          class="leaf-rate-button {{playbackRate == item.value ? 'active' : ''}}"
+          data-rate="{{item.value}}"
+          disabled="{{loading || seekLocked}}"
+          bindtap="changePlaybackRate"
+        >{{item.label}}</button>
+      </view>
+
+      <text wx:if="{{error}}" class="leaf-error">{{error}}</text>
+      <button class="back-bottom" bindtap="goBack">看完，回到连环画</button>
+    </view>
+  </view>
+</view>