<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="" placeholder="搜索"></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"> <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/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="{{ 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-large/> </view> <view class="waterfall-right"> <goods-item-large/> </view> </view> </view> <!--自定义tabbar页面被遮挡--> <view style="padding-bottom:25%;"></view>