home.wxml 2.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  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/common/search@2x.png"></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/common/message@2x.png"></image>
  11. <view>8</view>
  12. </view>
  13. </view>
  14. <!-- 轮播 -->
  15. <view class="page-section">
  16. <swiper
  17. indicator-dots="{{true}}"
  18. indicator-color="rgba(151, 209, 79, 1)"
  19. indicator-active-color="#FFF"
  20. autoplay="{{false}}">
  21. <block wx:for="{{background}}" wx:key="*this">
  22. <swiper-item>
  23. <view class="swiper-item {{item}}">
  24. <image src=""></image>
  25. </view>
  26. </swiper-item>
  27. </block>
  28. </swiper>
  29. </view>
  30. <!-- 消息通知 -->
  31. <view class="news-section">
  32. <image src="../../image/home/notice.png"></image>
  33. <swiper
  34. vertical="{{true}}"
  35. interval="{{2000}}"
  36. circular="{{true}}"
  37. autoplay="{{true}}">
  38. <block wx:for="{{txtlist}}" wx:key="*this">
  39. <swiper-item>
  40. <view class="swiper-item {{item}}">{{item}}</view>
  41. </swiper-item>
  42. </block>
  43. </swiper>
  44. </view>
  45. <!--顶部导航-->
  46. <view class="header-nav">
  47. <view
  48. class="nav"
  49. wx:for="{{headerNav}}"
  50. wx:key="index"
  51. data-item="{{item}}"
  52. bind:tap="handleNav">
  53. <image src="../../image/home/{{item.icon}}"></image>
  54. <text>{{item.name}}</text>
  55. </view>
  56. </view>
  57. <!-- 核心入口:最新上架、VR看菜园、频道:村长说农货 -->
  58. <view class="marketing-wrap">
  59. <view>
  60. <image
  61. class="new-goods"
  62. src="../../image/home/new_goods.png"
  63. data-page="newGoods"
  64. bind:tap="openMarketing"></image>
  65. <image
  66. class="vr"
  67. data-page="VR"
  68. src="../../image/home/vr.png"
  69. bind:tap="openMarketing"></image>
  70. </view>
  71. <image
  72. class="media"
  73. data-page="media"
  74. src="../../image/home/media.png"
  75. bind:tap="openMarketing"></image>
  76. </view>
  77. <view class="excellent-goods-title">优秀产品</view>
  78. <van-tabs active="{{ currentCategory }}" color="transparent" title-active-color="#FFFFFF"
  79. title-inactive-color="#858597" tab-class="my-tab-class" tab-active-class="my-tab-active-class">
  80. <van-tab title="{{item.name}}" wx:for="{{category}}" wx:key="id" name="{{item.id}}">
  81. </van-tab>
  82. </van-tabs>
  83. <!--瀑布流-->
  84. <view class="waterfall">
  85. <view class="waterfall-left">
  86. <goods-item-large/>
  87. </view>
  88. <view class="waterfall-right">
  89. <goods-item-large/>
  90. </view>
  91. </view>
  92. </view>
  93. <!--自定义tabbar页面被遮挡-->
  94. <view style="padding-bottom:25%;"></view>