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.
41 lines
1.6 KiB
41 lines
1.6 KiB
6 months ago
|
<!--index.wxml-->
|
||
|
|
<view class="tab">
|
||
|
|
<view class="tab-item {{ tab == 0 ? 'active':'' }}" bindtap="changeItem" data-item="0">音乐推荐</view>
|
||
|
|
<view class="tab-item {{ tab == 1 ? 'active':'' }}" bindtap="changeItem" data-item="1">播放器</view>
|
||
|
|
<view class="tab-item {{ tab == 2 ? 'active':'' }}" bindtap="changeItem" data-item="2">播放列表</view>
|
||
|
|
</view>
|
||
|
|
<view class="content">
|
||
|
|
<swiper current="{{ item }}" bindchange="changeTab">
|
||
|
|
<swiper-item>
|
||
|
|
<include src="info.wxml" />
|
||
|
|
</swiper-item>
|
||
|
|
<swiper-item>
|
||
|
|
<include src="play.wxml" />
|
||
|
|
</swiper-item>
|
||
|
|
<swiper-item>
|
||
|
|
<include src="playlist.wxml" />
|
||
|
|
</swiper-item>
|
||
|
|
</swiper>
|
||
|
|
</view>
|
||
|
|
<view class="player">
|
||
|
|
<image class="player-cover" src="{{play.coverImgUrl}}" data-item="1" bindtap="changeItem" />
|
||
|
|
<view class="player-info">
|
||
|
|
<view class="player-info-title" data-item="1" bindtap="changeItem">{{ play.title }}</view>
|
||
|
|
</view>
|
||
|
|
<view class="player-info-singer" data-item="1" bindtap="changeItem">{{ play.singer }}</view>
|
||
|
|
<view class="player-controls">
|
||
|
|
<image src="/images/01.png" data-item="2" bindtap="changeItem" />
|
||
|
|
|
||
|
|
<image wx:if="{{state == 'paused'}}" src="/images/02.png" bindtap="play" />
|
||
|
|
|
||
|
|
<image wx:else="" src="/images/02stop.png" bindtap="pause" />
|
||
|
|
</view>
|
||
|
|
<image src="/images/03.png" bindtap="next" />
|
||
|
|
</view>
|
||
|
|
<view class="content-play-progress">
|
||
|
|
<text>{{play.currentTime}}</text>
|
||
|
|
<view>
|
||
|
|
<slider bindchanging="sliderChanging" bindchange="sliderChange" activeColor="#d33a31" block-size="12" backgroundColor="#dadada" value="{{ play.percent }}" />
|
||
|
|
</view>
|
||
|
|
<text>{{ play.duration }}</text>
|
||
|
|
</view>
|