my_loan/htmldev/shiningWxMini/pages/VR/VR.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
      interval="{{2000}}"
      autoplay="{{false}}">
      <block
        wx:for="{{topSwiperData}}"
        wx:key="*this">
        <swiper-item
          class="swiper-item-wrap">
          <view class="swiper-item {{item}}">
            <image src="{{item.vr_img_url}}"></image>
            <view class="info">
              <view class="name">{{item.vr_name}}</view>
              <view class="address">{{item.vr_introduce}}</view>
            </view>
          </view>
        </swiper-item>
      </block>
    </swiper>
  </view>
  <view class="page-title">VR菜园</view>
  <view class="main">
    <view
      class="list"
      wx:for="{{listData}}"
      wx:key="id">
      <view class="photo-wrap">
        <image src="{{item.vr_img_url}}"></image>
      </view>
      <view class="info">
        <view class="name">{{item.vr_name}}</view>
        <view class="address">{{item.vr_introduce}}</view>
      </view>
    </view>
  </view>
</view>