my_loan/htmldev/shiningWxMini/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/common/search@2x.png"></image>
      </label>
      <input
        placeholder-class="app_header-search-placeholder"
        value="{{searchForm.key_words}}"
        placeholder="搜索信息"
        data-formkey="key_words"
        bind:input="handleKeyWords"></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="{{lunboList}}"
        wx:key="*this">
        <swiper-item
          class="swiper-item-wrap">
          <view class="swiper-item">
            <image class="photo" src="{{item.video_cover_url}}"></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">{{item.video_name}}</view>
              </view>
            </view>
          </view>
        </swiper-item>
      </block>
    </swiper>
    <view class="swiper-dots">
      <view
        class="{{swiperActiveDot === index ? 'active' : ''}}"
        wx:for="{{lunboList}}"
        wx:key="index"></view>
    </view>
  </view>
  <customer-tab
    nav="{{nav}}"
    active="{{searchForm.type}}"
    bind:change="handleNav"/>
  <view class="main">
    <view
      class="list"
      wx:for="{{listData}}"
      wx:key="id"
      data-item="{{item}}"
      bind:tap="jumpMediaDetail">
      <video-item-normal item="{{item}}"/>
    </view>
  </view>
</view>