<view class="max-boss">
<!-- 头部 -->
<view class="heard">
<view class="box1">音乐推荐</view>
<view class="box1">播放器</view>
<view class="box1">播放列表</view>
</view>
<!-- 内容展示取 -->
<view class="boss">
<!-- 轮播 -->
<swiper class="lunbo" indicator-dots="true" autoplay="true" interval="2000" circular="true" indicator-color="white">
<swiper-item id="1">
<image class="luimg" src="../../images/banner.jpg" mode="" />
</swiper-item>
<swiper-item id="2" class="luimg">
<image src="../../images/cover.jpg" mode="" />
</swiper-item>
</swiper>
<!-- 分类 -->
<view class="fenlei">
<view class="fen">
<image class="images" src="../../images/04.png" mode="" />
<text class="fenlei-text">私人fm</text>
</view>
<view class="fen">
<image class="images" src="../../images/05.png" mode="" />
<text class="fenlei-text">每日歌曲推荐</text>
</view>
<view class="fen">
<image class="images" src="../../images/06.png" mode="" />
<text class="fenlei-text">云音乐歌排行榜</text>
</view>
</view>
<!-- 推荐 -->
<view class="tuijian">
<view class="tuijian-heard">推荐歌曲</view>
<view class="tuijian-views">
<view class="views-child" wx:for="{{arr}}" wx:key="*this">
<view class="view-image">
<image class="zpj" src="{{item.images}}" mode=""/>
<text style="color:white;font-size: 12px;" class="image-caption">{{item.text}}</text>
</view>
</view>
<view class="views-child" wx:for="{{arr}}" wx:key="*this">
<view class="view-image">
<image class="zpj" src="{{item.images}}" mode=""/>
<text style="color:white;font-size: 12px;">{{item.text}}</text>
</view>
</view>
</view>
</view>
</view>
<!-- 固定展示 -->
<view class="boss2">音乐播放</view>
</view>