64 lines
2.4 KiB
Plaintext
64 lines
2.4 KiB
Plaintext
<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>
|