index.wxml 9.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178
  1. <navbar parameter='{{parameter}}' logoUrl="{{logoUrl}}"></navbar>
  2. <view class='index'>
  3. <view class='index-bg'>
  4. <swiper indicator-dots="true"
  5. autoplay="{{autoplay}}" circular="{{circular}}" interval="{{interval}}" duration="{{duration}}" indicator-color="rgba(255,255,255,0.6)" indicator-active-color="#fff">
  6. <block wx:for="{{imgUrls}}" wx:key>
  7. <swiper-item>
  8. <navigator url='{{item.url}}' class='slide-navigator acea-row row-between-wrapper' hover-class='none'>
  9. <image src="{{item.pic}}" class="slide-image"/>
  10. </navigator>
  11. </swiper-item>
  12. </block>
  13. </swiper>
  14. </view>
  15. <view class='nav acea-row'>
  16. <block wx:for="{{menus}}" wx:key>
  17. <navigator class='item' wx:if="{{item.show == '1'}}" url='{{item.url}}' open-type='switchTab' hover-class='none'>
  18. <view class='pictrue'><image src='{{item.pic}}'></image></view>
  19. <view>{{item.name}}</view>
  20. </navigator>
  21. <navigator class='item' wx:else url='{{item.url}}' hover-class='none'>
  22. <view class='pictrue'><image src='{{item.pic}}'></image></view>
  23. <view>{{item.name}}</view>
  24. </navigator>
  25. </block>
  26. </view>
  27. <view class='news acea-row row-between-wrapper'>
  28. <view class='pictrue'><image src='/images/news.png'></image></view>
  29. <view class='swiperTxt'>
  30. <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="2500" duration="{{duration}}" vertical="true" circular="true">
  31. <block wx:for="{{itemNew}}" wx:key>
  32. <swiper-item catchtouchmove='catchTouchMove'>
  33. <navigator wx:if="{{item.show == '1'}}" url='{{item.url}}' open-type='switchTab' class='acea-row row-between-wrapper' hover-class='none'>
  34. <view class='text acea-row row-between-wrapper'>
  35. <view class='label border2' wx:if="{{item.id%2 == 0}}">最新</view>
  36. <view class='newsTitle line1'>{{item.info}}</view>
  37. </view>
  38. <view class='iconfont icon-xiangyou'></view>
  39. </navigator>
  40. <navigator wx:else open-type='navigate' url='{{item.url}}' class='acea-row row-between-wrapper' hover-class='none'>
  41. <view class='text acea-row row-between-wrapper'>
  42. <view class='label border2' wx:if="{{item.id%2 == 0}}">最新</view>
  43. <view class='newsTitle line1'>{{item.info}}</view>
  44. </view>
  45. <view class='iconfont icon-xiangyou'></view>
  46. </navigator>
  47. </swiper-item>
  48. </block>
  49. </swiper>
  50. </view>
  51. </view>
  52. <view class='specialArea acea-row row-between-wrapper'>
  53. <block wx:for="{{activityList}}" wx:key>
  54. <navigator class='assemble' url='{{item.link}}' wx:if="{{index < 1}}">
  55. <image src='{{item.pic}}'></image>
  56. <view class='text'>
  57. <view class='name'>{{item.title}}</view>
  58. <view class='infor'>{{item.info}}</view>
  59. </view>
  60. </navigator>
  61. </block>
  62. <view class='list acea-row row-column-between'>
  63. <block wx:for="{{activityList}}" wx:key>
  64. <navigator class='item' url='{{item.link}}' wx:if="{{index > 0}}">
  65. <image src='{{item.pic}}'></image>
  66. <view class='text'>
  67. <view class='name'>{{item.title}}</view>
  68. <view class='infor'>{{item.info}}</view>
  69. </view>
  70. </navigator>
  71. </block>
  72. </view>
  73. </view>
  74. <view class='wrapper'>
  75. <view class='title acea-row row-between-wrapper'>
  76. <view class='text'>
  77. <view class='name line1'>快速选择</view>
  78. <view class='line1'>{{fastInfo}}</view>
  79. </view>
  80. <navigator class='more' url='/pages/goods_cate/goods_cate' open-type='switchTab'>更多<text class='iconfont icon-jiantou'></text></navigator>
  81. </view>
  82. <view class='scroll-product'>
  83. <scroll-view class="scroll-view_x" scroll-x style="width:auto;overflow:hidden;">
  84. <block wx:for="{{fastList}}" wx:key>
  85. <navigator hover-class="none" class='item' url='/pages/goods_list/goods_list?sid={{item.id}}&title={{item.cate_name}}'>
  86. <view class='img-box'>
  87. <image src='{{item.pic}}'></image>
  88. </view>
  89. <view class='pro-info line1'>{{item.cate_name}}</view>
  90. </navigator>
  91. </block>
  92. </scroll-view>
  93. </view>
  94. </view>
  95. <view class='wrapper'>
  96. <view class='title acea-row row-between-wrapper'>
  97. <view class='text'>
  98. <view class='name line1'>精品推荐</view>
  99. <view class='line1'>{{bastInfo}}</view>
  100. </view>
  101. <navigator class='more' hover-class="none" url='/pages/first-new-product/index?type=1'>更多<text class='iconfont icon-jiantou'></text></navigator>
  102. </view>
  103. <view class='boutique'>
  104. <swiper autoplay="true" indicator-dots="true"
  105. circular="{{circular}}" interval="{{interval}}" duration="{{duration}}" indicator-color="rgba(252,65,65,0.3)" indicator-active-color="#fc4141">
  106. <block wx:for="{{bastBanner}}" wx:key>
  107. <swiper-item>
  108. <navigator url='{{item.link}}' style='width:100%;height:100%;' hover-class='none'>
  109. <image src="{{item.img}}" class="slide-image" data-idx='{{index}}'/>
  110. </navigator>
  111. </swiper-item>
  112. </block>
  113. </swiper>
  114. </view>
  115. <goodList bastList="{{bastList}}"></goodList>
  116. </view>
  117. <view class='hotList'>
  118. <view class='hot-bg'>
  119. <view class='title acea-row row-between-wrapper'>
  120. <view class='text line1'><text class='label'>热门榜单</text>根据销量、搜索、好评等综合得出</view>
  121. <navigator class='more' hover-class="none" url='/pages/first-new-product/index?type=2'>更多<text class="iconfont icon-jiantou"></text></navigator>
  122. </view>
  123. </view>
  124. <view class='list acea-row row-between-wrapper'>
  125. <block wx:for="{{likeInfo}}" wx:key>
  126. <navigator class='item' url='/pages/goods_details/index?id={{item.id}}'>
  127. <view class='pictrue'>
  128. <image src='{{item.image}}'></image>
  129. <image wx:if="{{index == 0}}" src='/images/one.png' class='numPic'></image>
  130. <image wx:elif="{{index == 1}}" src='/images/two.png' class='numPic'></image>
  131. <image wx:elif="{{index == 2}}" src='/images/three.png' class='numPic'></image>
  132. </view>
  133. <view class='name line1'>{{item.store_name}}</view>
  134. <view class='money font-color'>¥<text class='num'>{{item.price}}</text></view>
  135. </navigator>
  136. </block>
  137. </view>
  138. </view>
  139. <view class='adver' wx:if="{{lovelyBanner.length > 0}}">
  140. <block wx:for="{{lovelyBanner}}" wx:key>
  141. <image src='{{item.img}}'></image>
  142. </block>
  143. </view>
  144. <view class='wrapper'>
  145. <view class='title acea-row row-between-wrapper'>
  146. <view class='text'>
  147. <view class='name line1'>首发新品<text class='new font-color'>NEW~</text></view>
  148. <view class='line1'>{{firstInfo}}</view>
  149. </view>
  150. <navigator class='more' hover-class="none" url='/pages/first-new-product/index?type=3'>更多<text class='iconfont icon-jiantou'></text></navigator>
  151. </view>
  152. <view class='newProducts'>
  153. <scroll-view class="scroll-view_x" scroll-x style="width:auto;overflow:hidden;">
  154. <block wx:for="{{firstList}}" wx:key>
  155. <navigator hover-class="none" url='/pages/goods_details/index?id={{item.id}}' class='item'>
  156. <view class='img-box'>
  157. <image src='{{item.image}}'></image>
  158. </view>
  159. <view class='pro-info line1'>{{item.store_name}}</view>
  160. <view class='money font-color'>¥{{item.price}}</view>
  161. </navigator>
  162. </block>
  163. </scroll-view>
  164. </view>
  165. </view>
  166. <view class='wrapper'>
  167. <view class='title acea-row row-between-wrapper'>
  168. <view class='text'>
  169. <view class='name line1'>促销单品</view>
  170. <view class='line1'>{{salesInfo}}</view>
  171. </view>
  172. <navigator class='more' hover-class="none" url='/pages/promotional-items/index'>更多<text class='iconfont icon-jiantou'></text></navigator>
  173. </view>
  174. <promotionGood benefit="{{benefit}}"></promotionGood>
  175. </view>
  176. </view>
  177. <coupon-window window='{{window}}' couponList="{{couponList}}" bind:onColse="onColse"></coupon-window>
  178. <home></home>