You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
38 lines
1.3 KiB
38 lines
1.3 KiB
1 year ago
|
<view class="tab">
|
||
|
|
<view class="tab-item {{tab==0?'active':''}}" bindtap="changeItem" data-item="0">音乐推荐</view>
|
||
|
|
<view class="tab-item {{tab==0?'active':''}}" bindtap="changeItem" data-item="1">播放器</view>
|
||
|
|
<view class="tab-item {{tab==0?'active':''}}" bindtap="changeItem" data-item="2">播放列表</view>
|
||
|
|
</view>
|
||
|
|
<!-- 内容 -->
|
||
|
|
<view class="content">
|
||
|
|
<swiper current="{{item}}" bindchange="changeTab">
|
||
|
|
<swiper-item>
|
||
|
|
<include src="info.wxml"></include>
|
||
|
|
</swiper-item>
|
||
|
|
<swiper-item>
|
||
|
|
<include src="play.wxml"></include>
|
||
|
|
</swiper-item>
|
||
|
|
<swiper-item>
|
||
|
|
<include src="playlist.wxml"></include>
|
||
|
|
</swiper-item>
|
||
|
|
</swiper>
|
||
|
|
</view>
|
||
|
|
<!-- 底部播放器 -->
|
||
|
|
<view class="player">
|
||
|
|
<image class="player-cover" src="{{play.coverImgUrl}}" />
|
||
|
|
<view class="player-info">
|
||
|
|
<view class="player-info-title">{{play.title}}</view>
|
||
|
|
<view class="player-info-singer">{{play.singer}}</view>
|
||
|
|
</view>
|
||
|
|
<view class="player-controls">
|
||
|
|
<!-- 切换到播放列表 -->
|
||
|
|
<image src="/image/01.png" bindtap="changePage" data-page="2" />
|
||
|
|
<!-- 播放 -->
|
||
|
|
<image wx:if="{{state=='paused'}}" src="/image/02.png" bindtap="play"/>
|
||
|
|
<image wx:else src="/image/02stop.png" bindtap="pause" />
|
||
|
|
<!-- 下一曲 -->
|
||
|
|
<image src="/image/03.png" bindtap="next"/>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
|