WX小程序

<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>