VIP20/16_miniapp/day-5/video-list/pages/index/index.wxml

<view>
  <!-- 录播图 -->
  <swiper class="lunbo" autoplay indicator-dots circular interval="3000" indicator-color="#fff" indicator-active-color="#2E8B57">
    <swiper-item wx:for="{{imgs}}" wx:key="*this">
      <image src="{{item}}" mode="aspectFill" />
    </swiper-item>
  </swiper>
  <view style="padding: 10px">
    <!-- 热播国剧 -->
    <view class="guoju">
      <template is="cate" data="{{title: '近期热播国剧'}}" />
      <scroll-view scroll-x="true" class="box">
        <view class="item" wx:for="{{guoju}}" wx:key="id">
          <image src="{{item.pic.normal}}" mode="" />
          <view class="item-name">
            {{item.title}}
          </view>
          <view class="item-rate">
            <rate val="{{item.rating}}"></rate>
          </view>
        </view>
      </scroll-view>
    </view>
    <!-- 热门综艺 -->
    <view>
      <template is="cate" data="{{title: '近期热门综艺'}}" />
      <scroll-view scroll-x="true" class="box">
        <view class="item" wx:for="{{zongyi}}" wx:key="id">
          <image src="{{item.pic.normal}}" mode="" />
          <view class="item-name">
            {{item.title}}
          </view>
          <view class="item-rate">
            <rate val="{{item.rating}}"></rate>
          </view>
        </view>
      </scroll-view>
    </view>
    <!-- 热播美剧 -->
    <view>
      <template is="cate" data="{{title: '近期热播美剧'}}" />
      <scroll-view scroll-x="true" class="box">
        <view class="item" wx:for="{{meiju}}" wx:key="id">
          <image src="{{item.pic.normal}}" mode="" />
          <view class="item-name">
            {{item.title}}
          </view>
          <view class="item-rate">
            <rate val="{{item.rating}}"></rate>
          </view>
        </view>
      </scroll-view>
    </view>
  </view>
</view>

<template name="cate">
  <view class="cate">
    <text class="cate-title">{{title}}</text>
    <view style="display: inline-flex; align-items: center;">
      <text class="cate-more">{{moreText || '更多'}}</text>
      <view class="more">
      </view>
    </view>
  </view>
</template>