yuminge-app/yun-min-program-plugin-master/packageC/components/audio-slider/audio-slider.wxml

22 lines
1.1 KiB
Plaintext

<!--packageC/components/audio-slider/audio-slider.wxml-->
<view class="audio-slider">
<!-- 进度条 开始 -->
<!-- https://test-1251768088.cos.ap-guangzhou.myqcloud.com/audios/15/2022/01/5164edee83ade5afef0fd1fe4e45a7e5.mp3 -->
<view class="audio-wrapper" wx:if="{{src}}">
<view class="icon">
<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/play1.png" alt="" catchtap="playMusic" wx:if="{{!songStop}}" />
<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/stop1.png" alt="" catchtap="pauseMusic" wx:if="{{songStop}}" />
</view>
<view class="slider">
<van-slider disabled='{{!songStop}}' value="{{valueSlmin}}" bind:drag-start='startDrag' bind:drag-end='endDrag' bind:change='sildein' bar-height="6px" active-color="#f14e4e" style="width:100%;"/>
<view class="time">
<view class="time_left">{{ slmin }}</view>
<view class="time_right">{{ audio_duration||'---' }}</view>
</view>
</view>
<view>
<slot></slot>
</view>
</view>
</view>