index.wxml 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213
  1. <navbar parameter='{{parameter}}' logoUrl="{{logoUrl}}"></navbar>
  2. <view class='index'>
  3. <view class="indexTip" style="top:{{navH+13}}rpx" hidden="{{iShidden}}">
  4. <view class="tip acea-row row-between-wrapper">
  5. <view class="text">点击“<image src="/images/spot.png"></image>”添加到我的小程序, 微信首页下拉即可访问商城。</view>
  6. <view class="iconfont icon-guanbi1" bindtap="closeTip"></view>
  7. </view>
  8. </view>
  9. <view class='index-bg' wx:if="{{imgUrls.length}}">
  10. <swiper indicator-dots="true"
  11. autoplay="{{autoplay}}" circular="{{circular}}" interval="{{interval}}" duration="{{duration}}" indicator-color="rgba(255,255,255,0.6)" indicator-active-color="#fff">
  12. <block wx:for="{{imgUrls}}" wx:key='index'>
  13. <swiper-item>
  14. <navigator url='{{item.url}}' class='slide-navigator acea-row row-between-wrapper' hover-class='none'>
  15. <image src="{{item.pic}}" class="slide-image"/>
  16. </navigator>
  17. </swiper-item>
  18. </block>
  19. </swiper>
  20. </view>
  21. <view class='nav acea-row' wx:if="{{menus.length}}">
  22. <block wx:for="{{menus}}" wx:key='index'>
  23. <navigator class='item' wx:if="{{item.show == '1'}}" url='{{item.url}}' open-type='switchTab' hover-class='none'>
  24. <view class='pictrue'><image src='{{item.pic}}'></image></view>
  25. <view>{{item.name}}</view>
  26. </navigator>
  27. <navigator class='item' wx:else url='{{item.url}}' hover-class='none'>
  28. <view class='pictrue'><image src='{{item.pic}}'></image></view>
  29. <view>{{item.name}}</view>
  30. </navigator>
  31. </block>
  32. </view>
  33. <view class='news acea-row row-between-wrapper' wx:if="{{itemNew.length}}">
  34. <view class='pictrue'><image src='/images/news.png'></image></view>
  35. <view class='swiperTxt'>
  36. <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="2500" duration="{{duration}}" vertical="true" circular="true">
  37. <block wx:for="{{itemNew}}" wx:key='index'>
  38. <swiper-item catchtouchmove='catchTouchMove'>
  39. <navigator wx:if="{{item.show == '1'}}" url='{{item.url}}' open-type='switchTab' class='acea-row row-between-wrapper' hover-class='none'>
  40. <view class='text acea-row row-between-wrapper'>
  41. <view class='label border2' wx:if="{{item.id%2 == 0}}">最新</view>
  42. <view class='newsTitle line1'>{{item.info}}</view>
  43. </view>
  44. <view class='iconfont icon-xiangyou'></view>
  45. </navigator>
  46. <navigator wx:else open-type='navigate' url='{{item.url}}' class='acea-row row-between-wrapper' hover-class='none'>
  47. <view class='text acea-row row-between-wrapper'>
  48. <view class='label border2' wx:if="{{item.id%2 == 0}}">最新</view>
  49. <view class='newsTitle line1'>{{item.info}}</view>
  50. </view>
  51. <view class='iconfont icon-xiangyou'></view>
  52. </navigator>
  53. </swiper-item>
  54. </block>
  55. </swiper>
  56. </view>
  57. </view>
  58. <view class='specialArea acea-row row-between-wrapper' wx:if="{{activityList.length}}">
  59. <block wx:for="{{activityList}}" wx:key='index'>
  60. <navigator class='assemble' url='{{item.link}}' wx:if="{{index < 1}}">
  61. <image src='{{item.pic}}'></image>
  62. <view class='text'>
  63. <view class='name'>{{item.title}}</view>
  64. <view class='infor'>{{item.info}}</view>
  65. </view>
  66. </navigator>
  67. </block>
  68. <view class='list acea-row row-column-between'>
  69. <block wx:for="{{activityList}}" wx:key='index'>
  70. <navigator class='item' url='{{item.link}}' wx:if="{{index > 0}}">
  71. <image src='{{item.pic}}'></image>
  72. <view class='text'>
  73. <view class='name'>{{item.title}}</view>
  74. <view class='infor'>{{item.info}}</view>
  75. </view>
  76. </navigator>
  77. </block>
  78. </view>
  79. </view>
  80. <view class="liveBroadcast" wx:if='{{liveList.length || liveInfo.roomid}}'>
  81. <view class="title">热门直播</view>
  82. <!-- end:结束;time:直播时间 -->
  83. <navigator wx:if='{{liveInfo.roomid}}' hover-class="none" url="plugin-private://wx2b03c6e691cd7370/pages/live-player-plugin?room_id={{liveInfo.roomid}}" class="broadcast time">
  84. <view class="pictrue">
  85. <image src="{{liveInfo.cover_img}}"></image>
  86. <view class="label" wx:if='{{liveInfo.live_status == 101}}'><text class="iconfont icon-zhibo"></text>直播中</view>
  87. <view class="label" wx:if='{{liveInfo.live_status == 103}}'><text class="iconfont icon-zhibojieshux"></text>已结束</view>
  88. <view class="label" wx:if='{{liveInfo.live_status == 102}}'><text class="iconfont icon-shijian"></text>直播时间 {{liveInfo._start_time}}</view>
  89. </view>
  90. <view class="text line1">{{liveInfo.name}}</view>
  91. </navigator>
  92. <view class="list" wx:if="{{liveList.length}}">
  93. <scroll-view class="scroll-view_x" scroll-x style="width:auto;overflow:hidden;">
  94. <navigator hover-class="none" wx:for='{{liveList}}' wx:key='index' url="plugin-private://wx2b03c6e691cd7370/pages/live-player-plugin?room_id={{item.roomid}}" class="item">
  95. <view class="pictrue">
  96. <image src="{{item.cover_img}}"></image>
  97. <view class="label" wx:if='{{item.live_status == 101}}'><text class="iconfont icon-zhibo"></text>直播中</view>
  98. <view class="label" wx:if='{{item.live_status == 103}}'><text class="iconfont icon-zhibojieshux"></text>已结束</view>
  99. <view class="label" wx:if='{{item.live_status == 102}}'><text class="iconfont icon-shijian"></text>直播时间 {{item._start_time}}</view>
  100. </view>
  101. <view class="text line1">{{item.name}}</view>
  102. </navigator>
  103. </scroll-view>
  104. </view>
  105. </view>
  106. <view class='wrapper' wx:if="{{fastList.length}}">
  107. <view class='title acea-row row-between-wrapper'>
  108. <view class='text'>
  109. <view class='name line1'>快速选择</view>
  110. <view class='line1'>{{fastInfo}}</view>
  111. </view>
  112. <navigator class='more' url='/pages/goods_cate/goods_cate' open-type='switchTab'>更多<text class='iconfont icon-jiantou'></text></navigator>
  113. </view>
  114. <view class='scroll-product'>
  115. <scroll-view class="scroll-view_x" scroll-x style="width:auto;overflow:hidden;">
  116. <block wx:for="{{fastList}}" wx:key='index'>
  117. <navigator hover-class="none" class='item' url='/pages/goods_list/goods_list?sid={{item.id}}&title={{item.cate_name}}'>
  118. <view class='img-box'>
  119. <image src='{{item.pic}}'></image>
  120. </view>
  121. <view class='pro-info line1'>{{item.cate_name}}</view>
  122. </navigator>
  123. </block>
  124. </scroll-view>
  125. </view>
  126. </view>
  127. <view class='wrapper' wx:if="{{bastList.length}}">
  128. <view class='title acea-row row-between-wrapper'>
  129. <view class='text'>
  130. <view class='name line1'>精品推荐</view>
  131. <view class='line1'>{{bastInfo}}</view>
  132. </view>
  133. <navigator class='more' hover-class="none" url='/pages/first-new-product/index?type=1'>更多<text class='iconfont icon-jiantou'></text></navigator>
  134. </view>
  135. <view class='boutique'>
  136. <swiper autoplay="true" indicator-dots="true"
  137. circular="{{circular}}" interval="{{interval}}" duration="{{duration}}" indicator-color="rgba(252,65,65,0.3)" indicator-active-color="#fc4141">
  138. <block wx:for="{{bastBanner}}" wx:key='index'>
  139. <swiper-item>
  140. <navigator url='{{item.link}}' style='width:100%;height:100%;' hover-class='none'>
  141. <image src="{{item.img}}" class="slide-image" data-idx='{{index}}'/>
  142. </navigator>
  143. </swiper-item>
  144. </block>
  145. </swiper>
  146. </view>
  147. <goodList bastList="{{bastList}}"></goodList>
  148. </view>
  149. <view class='hotList' wx:if="{{likeInfo.length}}">
  150. <view class='hot-bg'>
  151. <view class='title acea-row row-between-wrapper'>
  152. <view class='text line1'><text class='label'>热门榜单</text>根据销量、搜索、好评等综合得出</view>
  153. <navigator class='more' hover-class="none" url='/pages/first-new-product/index?type=2'>更多<text class="iconfont icon-jiantou"></text></navigator>
  154. </view>
  155. </view>
  156. <view class='list acea-row row-middle'>
  157. <block wx:for="{{likeInfo}}" wx:key='index'>
  158. <navigator class='item' url='/pages/goods_details/index?id={{item.id}}'>
  159. <view class='pictrue'>
  160. <image src='{{item.image}}'></image>
  161. <image wx:if="{{index == 0}}" src='/images/one.png' class='numPic'></image>
  162. <image wx:elif="{{index == 1}}" src='/images/two.png' class='numPic'></image>
  163. <image wx:elif="{{index == 2}}" src='/images/three.png' class='numPic'></image>
  164. </view>
  165. <view class='name line1'>{{item.store_name}}</view>
  166. <view class='money font-color'>¥<text class='num'>{{item.price}}</text></view>
  167. </navigator>
  168. </block>
  169. </view>
  170. </view>
  171. <view class='adver' wx:if="{{newGoodsBananr}}">
  172. <block>
  173. <image src='{{newGoodsBananr}}'></image>
  174. </block>
  175. </view>
  176. <view class='wrapper' wx:if="{{firstList.length}}">
  177. <view class='title acea-row row-between-wrapper'>
  178. <view class='text'>
  179. <view class='name line1'>首发新品<text class='new font-color'>NEW~</text></view>
  180. <view class='line1'>{{firstInfo}}</view>
  181. </view>
  182. <navigator class='more' hover-class="none" url='/pages/first-new-product/index?type=3'>更多<text class='iconfont icon-jiantou'></text></navigator>
  183. </view>
  184. <view class='newProducts'>
  185. <scroll-view class="scroll-view_x" scroll-x style="width:auto;overflow:hidden;">
  186. <block wx:for="{{firstList}}" wx:key='index'>
  187. <view class='item'>
  188. <view class='img-box' bindtap="goDetail" data-items='{{item}}'>
  189. <image src='{{item.image}}'></image>
  190. <text class="pictrue_log_medium pictrue_log_class" wx:if="{{item.activity && item.activity.type ==='1'}}">秒杀</text>
  191. <text class="pictrue_log_medium pictrue_log_class" wx:if="{{item.activity && item.activity.type === '2'}}">砍价</text>
  192. <text class="pictrue_log_medium pictrue_log_class" wx:if="{{item.activity && item.activity.type === '3'}}">拼团</text>
  193. </view>
  194. <view class='pro-info line1'>{{item.store_name}}</view>
  195. <view class='money font-color'>¥{{item.price}}</view>
  196. </view>
  197. </block>
  198. </scroll-view>
  199. </view>
  200. </view>
  201. <view class='wrapper' wx:if="{{benefit.length}}">
  202. <view class='title acea-row row-between-wrapper'>
  203. <view class='text'>
  204. <view class='name line1'>促销单品</view>
  205. <view class='line1'>{{salesInfo}}</view>
  206. </view>
  207. <navigator class='more' hover-class="none" url='/pages/promotional-items/index'>更多<text class='iconfont icon-jiantou'></text></navigator>
  208. </view>
  209. <promotionGood benefit="{{benefit}}"></promotionGood>
  210. </view>
  211. </view>
  212. <coupon-window window='{{window}}' couponList="{{couponList}}" bind:onColse="onColse"></coupon-window>
  213. <home></home>