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.

60 lines
1.6 KiB

2 years ago
<scroll-view class="content-info" scroll-y>
<!-- 轮播图 -->
<swiper class="content-info-slide" indicator-color="rgba(255,255,255,.5)" indicator-active-color="#fff" indicator-dots circular autoplay>
<swiper-item>
<image src="/image/queen.png"/>
</swiper-item>
<swiper-item>
<image src="/image/queen.png"/>
</swiper-item>
<swiper-item>
<image src="/image/queen.png"/>
</swiper-item>
</swiper>
<!-- 功能按钮 -->
<view class="content-info-portal">
<view>
<image src="/images/04.png"/>
<text>私人FM</text>
</view>
<view>
<image src="/images/05.png"/>
<text>每日歌曲推荐</text>
</view>
<view>
<image src="/images/06.png"/>
<text>音乐新歌榜</text>
</view>
</view>
<!-- 热门音乐 -->
<view class="content-info-list">
<view class="list-title">推荐歌曲</view>
<view class="list-inner">
<view class="list-item">
<image src="/image/queen.png"/>
<view>理想</view>
</view>
<view class="list-item">
<image src="/image/queen.png"/>
<view>爱爱爱</view>
</view>
<view class="list-item">
<image src="/image/queen.png"/>
<view>山楂树之恋</view>
</view>
<view class="list-item">
<image src="/image/queen.png"/>
<view>最长的电影</view>
</view>
<view class="list-item">
<image src="/image/queen.png"/>
<view>一路向北</view>
</view>
<view class="list-item">
<image src="/image/queen.png"/>
<view>最后的战役</view>
</view>
</view>
</view>
</scroll-view>