home.wxml 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. <view class="home-wrapper">
  2. <view class="app_page-header-search">
  3. <view class="app_page-header-search-warp">
  4. <label for="header-search">
  5. <image src=""></image>
  6. </label>
  7. <input placeholder-class="app_header-search-placeholder" value="" placeholder="搜索"></input>
  8. </view>
  9. <view class="leaving-a-message" bind:tap="jumpLeavingAMessage">
  10. <image src=""></image>
  11. <view>8</view>
  12. </view>
  13. </view>
  14. <!-- 轮播 -->
  15. <view class="page-section">
  16. <swiper indicator-dots="{{true}}" indicator-color="rgba(151, 209, 79, 1)" indicator-active-color="#FFF"
  17. autoplay="{{false}}">
  18. <block wx:for="{{background}}" wx:key="*this">
  19. <swiper-item>
  20. <view class="swiper-item {{item}}">
  21. <image src=""></image>
  22. </view>
  23. </swiper-item>
  24. </block>
  25. </swiper>
  26. </view>
  27. <!-- 消息通知 -->
  28. <view class="news-section">
  29. <image src=""></image>
  30. <swiper vertical="{{true}}" interval="{{2000}}" circular="{{true}}" autoplay="{{true}}">
  31. <block wx:for="{{txtlist}}" wx:key="*this">
  32. <swiper-item>
  33. <view class="swiper-item {{item}}">{{item}}</view>
  34. </swiper-item>
  35. </block>
  36. </swiper>
  37. </view>
  38. <!--顶部导航-->
  39. <view class="header-nav">
  40. <view class="nav" wx:for="{{headerNav}}" wx:key="index" data-item="{{item}}" bind:tap="handleNav">
  41. <image src=""></image>
  42. <text>{{item.name}}</text>
  43. </view>
  44. </view>
  45. <!-- 核心入口:最新上架、VR看菜园、频道:村长说农货 -->
  46. <view class="marketing-wrap">
  47. <view>
  48. <image class="new-goods" src=""></image>
  49. <image class="vr" src=""></image>
  50. </view>
  51. <image class="media" src=""></image>
  52. </view>
  53. <view class="excellent-goods-title">优秀产品</view>
  54. <van-tabs active="{{ currentCategory }}" color="transparent" title-active-color="#FFFFFF"
  55. title-inactive-color="#858597" tab-class="my-tab-class" tab-active-class="my-tab-active-class">
  56. <van-tab title="{{item.name}}" wx:for="{{category}}" wx:key="id" name="{{item.id}}">
  57. </van-tab>
  58. </van-tabs>
  59. <!--瀑布流-->
  60. <view class="waterfall">
  61. <view class="waterfall-left">
  62. <goods-item-large/>
  63. </view>
  64. <view class="waterfall-right">
  65. <goods-item-large/>
  66. </view>
  67. </view>
  68. </view>