background-audio.wxml 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637
  1. <import src="../../../common/head.wxml" />
  2. <import src="../../../common/foot.wxml" />
  3. <view class="container page" data-weui-theme="{{theme}}">
  4. <template is="head" data="{{title: 'backgroundAudio'}}"/>
  5. <view class="page-section">
  6. <view class="page-body-info">
  7. <text class="time-big">{{formatedPlayTime}}</text>
  8. <slider class="slider" min="0" max="269" step="1" value="{{playTime}}" bindchange="seek"></slider>
  9. <view class="play-time">
  10. <text>00:00</text>
  11. <text>04:29</text>
  12. </view>
  13. </view>
  14. <view class="page-body-text tc">注意:离开当前页面后背景音乐将保持播放,但退出小程序将停止</view>
  15. <view class="page-body-buttons">
  16. <block wx:if="{{playing === true}}">
  17. <view class="page-body-button" bindtap="stop">
  18. <image src="/image/stop.png"></image>
  19. </view>
  20. <view class="page-body-button" bindtap="pause">
  21. <image src="/image/pause.png"></image>
  22. </view>
  23. </block>
  24. <block wx:if="{{playing === false}}">
  25. <view class="page-body-button"></view>
  26. <view class="page-body-button" bindtap="play">
  27. <image src="/image/play.png"></image>
  28. </view>
  29. </block>
  30. <view class="page-body-button"></view>
  31. </view>
  32. </view>
  33. <template is="foot" />
  34. </view>