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.
59 lines
1.3 KiB
59 lines
1.3 KiB
<view class="discover">
|
|
<!-- 轮播图 -->
|
|
<swiper
|
|
class="banner"
|
|
indicator-dots
|
|
autoplay
|
|
circular
|
|
indicator-active-color="#ff3a3a"
|
|
>
|
|
<swiper-item
|
|
wx:for="{{banners}}"
|
|
wx:key="imageUrl"
|
|
class="banner-item"
|
|
>
|
|
<image src="{{item.imageUrl}}" mode="aspectFill" />
|
|
</swiper-item>
|
|
</swiper>
|
|
|
|
<!-- 推荐歌单 -->
|
|
<view class="section">
|
|
<view class="section-header">
|
|
<text class="title">推荐歌单</text>
|
|
<text class="more">更多</text>
|
|
</view>
|
|
<scroll-view
|
|
scroll-x
|
|
class="playlist-scroll"
|
|
enable-flex
|
|
enhanced
|
|
show-scrollbar="{{false}}"
|
|
>
|
|
<view
|
|
class="playlist-item"
|
|
wx:for="{{recommendPlaylists}}"
|
|
wx:key="id"
|
|
data-id="{{item.id}}"
|
|
bind:tap="handlePlaylistClick"
|
|
>
|
|
<image src="{{item.picUrl}}" mode="aspectFill" class="cover" />
|
|
<view class="name">{{item.name}}</view>
|
|
</view>
|
|
</scroll-view>
|
|
</view>
|
|
|
|
<!-- 最新音乐 -->
|
|
<view class="section">
|
|
<view class="section-header">
|
|
<text class="title">最新音乐</text>
|
|
<text class="more" bindtap="onMoreNewSongs">更多</text>
|
|
</view>
|
|
<song-list
|
|
songs="{{newSongs}}"
|
|
bind:play="handlePlay"
|
|
/>
|
|
</view>
|
|
|
|
<!-- 底部播放器 -->
|
|
<player-bar id="player-bar" />
|
|
</view> |