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.
43 lines
1.4 KiB
43 lines
1.4 KiB
6 months ago
|
<!--index.wxml-->
|
||
|
|
<view class="tab">
|
||
|
|
<view class="tap-item{{tab==0?'active':''}}" bindtap="changeItem" data-item="0">音乐推荐</view>
|
||
|
|
<view class="tap-item{{tab==1?'active':''}}" bindtap="changeItem" data-item="1">播放器</view>
|
||
|
|
<view class="tap-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"></view>
|
||
|
|
<view class="player">
|
||
|
|
<image class="player-cover" src="{{play.coverImgUrl}}"bindtap="changeItem"/>
|
||
|
|
<view class="play-info">
|
||
|
|
<view class="play-info-title"data-item="1" bindtap="changeItem">{{play.title}}</view>
|
||
|
|
<view class="play-info-singer"data-item="1" bindtap="changeItem">{{play.singer}}</view>
|
||
|
|
</view>
|
||
|
|
<view class="play-controls">
|
||
|
|
<!--切换到播放列表-->
|
||
|
|
<image src="/images/01.png" data--item="2" bindtap="changeItem"/>
|
||
|
|
<!--播放-->
|
||
|
|
<image src="/images/02.png"/>
|
||
|
|
<!--下一曲-->
|
||
|
|
<image src="/images/03.png"/>
|
||
|
|
<!--播放/暂停-->
|
||
|
|
<image wx:if="{{'state==paused'}}"src="/images/02.png bindtap="play"/>
|
||
|
|
<image wx:else src="/images/02stop.png" bindtap="pause"/>
|
||
|
|
</view>
|
||
|
|
</view>
|