my_loan/htmldev/wxMini/pages/media/media.wxml

<view class="wrapper">
  <view class="app_page-header-search">
    <view class="app_page-header-search-warp app_width-690">
      <label for="header-search">
        <image src=""></image>
      </label>
      <input
        placeholder-class="app_header-search-placeholder"
        value=""
        placeholder="搜索信息"></input>
    </view>
  </view>
  <view class="page-section">
    <swiper
      indicator-color="rgba(145, 179, 121, 0.6)"
      indicator-active-color="rgba(145, 179, 121, 1)"
      interval="{{2000}}"
      autoplay="{{false}}"
      bind:change="handleSwiperChange">
      <block
        wx:for="{{background}}"
        wx:key="*this">
        <swiper-item
          class="swiper-item-wrap">
          <view class="swiper-item {{item}}">
            <image class="photo" src=""></image>
            <view class="info">
              <view class="label-wrap">
                <image class="icon" src="../../image/common/video.png"></image>
                <text class="label">频道：</text>
              </view>
              <view class="value-wrap">
                <view class="name">村长说农货</view>
                <view class="address">浙江省嵊州菜园</view>
              </view>
            </view>
          </view>
        </swiper-item>
      </block>
    </swiper>
    <view class="swiper-dots">
      <view
        class="{{swiperActiveDot === index ? 'active' : ''}}"
        wx:for="{{background}}"
        wx:key="index"></view>
    </view>
  </view>
  <customer-tab
    nav="{{nav}}"
    active="{{active}}"
    bind:change="handleNav"/>
  <view class="main">
    <view
      class="list"
      wx:for="{{4}}"
      wx:key="item"
      data-item="{{item}}"
      bind:tap="jumpMediaDetail">
      <video-item-normal/>
    </view>
  </view>
</view>