my_loan/htmldev/wxMini/pages/home/home.wxml

<view class="home-wrapper">
  <view class="app_page-header-search">
    <view class="app_page-header-search-warp">
      <label for="header-search">
        <image src=""></image>
      </label>
      <input placeholder-class="app_header-search-placeholder" value="" placeholder="搜索"></input>
    </view>
    <view class="leaving-a-message" bind:tap="jumpLeavingAMessage">
      <image src=""></image>
      <view>8</view>
    </view>
  </view>

  <!-- 轮播 -->
  <view class="page-section">
    <swiper indicator-dots="{{true}}" indicator-color="rgba(151, 209, 79, 1)" indicator-active-color="#FFF" autoplay="{{false}}">
      <block wx:for="{{background}}" wx:key="*this">
        <swiper-item>
          <view class="swiper-item {{item}}">
            <image src=""></image>
          </view>
        </swiper-item>
      </block>
    </swiper>
  </view>
  <!-- 消息通知 -->
  <view class="news-section">
    <image src=""></image>
    <swiper vertical="{{true}}" interval="{{2000}}" circular="{{true}}" autoplay="{{true}}">
      <block wx:for="{{txtlist}}" wx:key="*this">
        <swiper-item>
          <view class="swiper-item {{item}}">{{item}}</view>
        </swiper-item>
      </block>
    </swiper>
  </view>
  <!--顶部导航-->
  <view class="header-nav">
    <view class="nav" wx:for="{{headerNav}}" wx:key="index" data-item="{{item}}" bind:tap="handleNav">
      <image src=""></image>
      <text>{{item.name}}</text>
    </view>
  </view>
  <!-- 核心入口：最新上架、VR看菜园、频道：村长说农货 -->
  <view class="marketing-wrap">
    <view>
      <image class="new-goods" src=""></image>
      <image class="vr" src=""></image>
    </view>
    <image class="media" src=""></image>
  </view>
  <view class="excellent-goods-title">优秀产品</view>
  <van-tabs active="{{ currentCategory }}" color="transparent" title-active-color="#FFFFFF" title-inactive-color="#858597" tab-class="my-tab-class" tab-active-class="my-tab-active-class">
    <van-tab title="{{item.name}}" wx:for="{{category}}" wx:key="id" name="{{item.id}}">
    </van-tab>
  </van-tabs>
  <!--瀑布流-->
  <view class="waterfall">
    <view class="waterfall-left">
      <goods-item />
    </view>
    <view class="waterfall-right">
      <goods-item />
    </view>
  </view>
</view>