123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990 |
- <view class="home-wrapper">
- <view class="page-header-search">
- <view class="page-header-search-warp">
- <label for="header-search">
- <image src=""></image>
- </label>
- <input
- placeholder-class="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}}">{{item}}</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">
- <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
- class="my-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">
- </van-tab>
- </van-tabs>
- <!--瀑布流-->
- <view class="waterfall">
- <view class="waterfall-left">
- <goods-item/>
- </view>
- <view class="waterfall-right">
- <goods-item/>
- </view>
- </view>
- </view>
|