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/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 class="leaving-a-message" bind:tap="jumpLeavingAMessage">
      <image src="../../image/common/message@2x.png"></image>
      <view>8</view>
    </view>
  </view>

  <!-- 轮播 -->
  <view
    class="page-section"
    wx:if="{{!!lunbos.length}}">
    <swiper
      indicator-dots="{{true}}"
      indicator-color="rgba(151, 209, 79, 1)"
      indicator-active-color="#FFF"
      autoplay="{{false}}">
      <block wx:for="{{lunbos}}" wx:key="*this">
        <swiper-item>
          <view class="swiper-item">
            <image src="{{item.lunbo_img_url}}"></image>
          </view>
        </swiper-item>
      </block>
    </swiper>
  </view>
  <!-- 消息通知 -->
  <view
    class="news-section"
    wx:if="{{!!txtlist.length}}">
    <image src="../../image/home/notice.png"></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/home/{{item.icon}}"></image>
      <text>{{item.name}}</text>
    </view>
  </view>
  <!-- 核心入口：最新上架、VR看菜园、频道：村长说农货 -->
  <view class="marketing-wrap">
    <view>
      <image
        class="new-goods"
        src="../../image/home/new_goods.png"
        data-page="newGoods"
        bind:tap="openMarketing"></image>
      <image
        class="vr"
        data-page="VR"
        src="../../image/home/vr.png"
        bind:tap="openMarketing"></image>
    </view>
    <image
      class="media"
      data-page="media"
      src="../../image/home/media.png"
      bind:tap="openMarketing"></image>
  </view>
  <view class="excellent-goods-title">优秀产品</view>
  <van-tabs
    active="{{ searchForm.category_id }}"
    color="transparent"
    title-active-color="#FFFFFF"
    title-inactive-color="#858597"
    tab-class="my-tab-class"
    tab-active-class="my-tab-active-class"
    bind:click="handleTab">
    <van-tab
      title="{{item.category_name}}"
      wx:for="{{categoryList}}"
      wx:key="id"
      name="{{item.id}}">
    </van-tab>
  </van-tabs>
  <!--瀑布流-->
  <view class="waterfall">
    <view class="waterfall-left">
      <block wx:for="{{leftList}}" wx:key="id">
        <goods-item-large item="{{item}}"/>
      </block>
    </view>
    <view class="waterfall-right">
      <block wx:for="{{rightList}}" wx:key="id">
        <goods-item-large item="{{item}}"/>
      </block>
    </view>
  </view>
  <view class="pullup-wrapper" wx:if="{{!isRefresh}}">
    <van-loading
      wx:if="{{!finished}}"
      size="24px"
      type="spinner">加载中...
    </van-loading>
  </view>
</view>
  <!--自定义tabbar页面被遮挡-->
<view style="padding-bottom:25%;"></view>