index.wxml 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304
  1. <!--index.wxml-->
  2. <view class="container">
  3. <!-- 头部搜索 -->
  4. <view class="header">
  5. <image src="/images/home_search_icon.png" mode='widthFix' class="header_logo"></image>
  6. <view class="header_search_wrap">
  7. <navigator url="/pages/search/search" class="header_search">
  8. <icon type="search" size="12" color="#929aa0" class="header_search_icon"></icon>
  9. <view class="header_search_placeholder">{{search.placeholder}}</view>
  10. </navigator>
  11. </view>
  12. </view>
  13. <view class='banner_space'></view>
  14. <view class="tab-content" current="{{currentItem}}">
  15. <!-- 推荐 -->
  16. <view>
  17. <view scroll-y="true" class="scoll-h" data-id="0" data-forid="0" data-current="0" style="height:{{winHeight}}rpx">
  18. <!-- banner -->
  19. <view class="banner_wrap">
  20. <swiper indicator-dots="true" indicator-active-color="rgba(255, 255, 255, .3)" indicator-color="#fff" circular="true" interval="5000" duration="1000" autoplay='true' class="{{bannerFlag == 0 ? 'banner_null_class' : ''}}">
  21. <block wx:for="{{banners}}" wx:key="{{index}}">
  22. <block wx:if="{{item.banner_flag == '0'}}">
  23. <swiper-item wx:if="{{item.banner_logo}}" class="banner">
  24. <!-- 跳转到文章 -->
  25. <block wx:if="{{item.classify_id == '' || item.classify_id == null}}">
  26. <navigator url="/pages/articleInfor/articleInfor?id={{item.banner_find}}">
  27. <image src="{{item.banner_logo}}" mode="scaleToFill" class="slide-image"></image>
  28. </navigator>
  29. </block>
  30. <block wx:elif="{{item.id == '2915'}}">
  31. <navigator url="/pages/aboutUs/aboutUs">
  32. <image src="{{item.banner_logo}}" mode="scaleToFill" class="slide-image"></image>
  33. </navigator>
  34. </block>
  35. <!-- 女神节 -->
  36. <block wx:elif="{{item.id == '2917'}}">
  37. <navigator url="/pages/girlsDayInfo/girlsDayInfo">
  38. <image src="{{item.banner_logo}}" mode="scaleToFill" class="slide-image"></image>
  39. </navigator>
  40. </block>
  41. <!-- 加班汪 -->
  42. <block wx:elif="{{item.id == '2918'}}">
  43. <navigator url="/pages/newYears/newYears">
  44. <image src="{{item.banner_logo}}" mode="scaleToFill" class="slide-image"></image>
  45. </navigator>
  46. </block>
  47. <!-- 樱花 -->
  48. <block wx:elif="{{item.id == '2922'}}">
  49. <navigator url="/pages/sakuraDay/sakuraDay">
  50. <image src="{{item.banner_logo}}" mode="scaleToFill" class="slide-image"></image>
  51. </navigator>
  52. </block>
  53. <!-- 端午节 -->
  54. <block wx:elif="{{item.id == '2930'}}">
  55. <navigator url='/pages/dragonBoatFestivalInfor/dragonBoatFestivalInfor'>
  56. <image src="{{item.banner_logo}}" mode="scaleToFill" class="slide-image"></image>
  57. </navigator>
  58. </block>
  59. <!-- 跳转到分类 -->
  60. <block wx:else>
  61. <navigator url='/pages/kindSecondList/kindSecondList?classify_name={{item.classify_name}}&classify_des={{item.classify_des}}&id={{item.classify_id}}'>
  62. <image src="{{item.banner_logo}}" mode="scaleToFill" class="slide-image"></image>
  63. </navigator>
  64. </block>
  65. </swiper-item>
  66. </block>
  67. </block>
  68. </swiper>
  69. </view>
  70. <!-- new second nav -->
  71. <view class='new_nav_wrap clearfix f-box'>
  72. <navigator class='new_nav_each f-item' url='/pages/recommendList/recommendList'>
  73. <image src='/images/index_top_menu_sec_0.jpg' class='new_nav_icon'></image>
  74. <view class="new_nav_name">新鲜上架</view>
  75. </navigator>
  76. <navigator class='new_nav_each f-item' url='/pages/patternMenu/patternMenu'>
  77. <image src='/images/index_top_menu_sec_1.jpg' class='new_nav_icon'></image>
  78. <view class="new_nav_name">一键选礼</view>
  79. </navigator>
  80. <navigator class='new_nav_each f-item' url='/pages/goodsGift/goodsGift?classify_name=礼物盒&classify_des=礼物盒&id=2986'>
  81. <image src='/images/index_top_menu_sec_2.jpg' class='new_nav_icon'></image>
  82. <view class="new_nav_name">心礼盒</view>
  83. </navigator>
  84. <navigator class='new_nav_each f-item' url='/pages/brandList/brandList'>
  85. <image src='/images/index_top_menu_sec_3.jpg' class='new_nav_icon'></image>
  86. <view class="new_nav_name">品牌专区</view>
  87. </navigator>
  88. <navigator class='new_nav_each f-item' url='/customized/pages/index/index'>
  89. <image src='/images/index_top_menu_sec_4.jpg' class='new_nav_icon'></image>
  90. <view class="new_nav_name">产品定制</view>
  91. </navigator>
  92. <navigator class='new_nav_each f-item' url='/pages/aboutUs/aboutUs'>
  93. <image src='/images/index_top_menu_sec_4.jpg' class='new_nav_icon'></image>
  94. <view class="new_nav_name">关于我们</view>
  95. </navigator>
  96. </view>
  97. <!-- 新-新品推荐 -->
  98. <!-- <view class='new_xinpin_wrap'> -->
  99. <!-- title -->
  100. <!-- <navigator url='/pages/recommendList/recommendList' class='new_title_wrap'>
  101. <view class='title_kind_wrap'>
  102. <view class='title_kind_name' >新 品 推 荐</view>
  103. <view class='title_kind_intro'>精良之选,用心造物</view>
  104. </view>
  105. <image src='/images/black_more.png' class='title_kind_more'></image>
  106. <image src='/images/index_title_bg_1.png' class='index_title_bg'></image>
  107. </navigator> -->
  108. <!-- 所有商品 -->
  109. <view class="new_dingzhi_content">
  110. <view class='dingzhi_top'>
  111. <!-- <navigator url='/pages/recommendList/recommendList'>
  112. <image wx:if="{{urlHttp}}" src='{{urlHttp}}images/xinpin_new_1.jpg?v=201806221713' mode='widthFix' class='rexiao_banner'></image>
  113. </navigator> -->
  114. <navigator url='/pages/kindSecondList/kindSecondList?classify_name=好物推荐&classify_des=好物推荐&id=3023' >
  115. <image src='http://fds.wondersph.com/haowutuijian.jpg' class="new_dingzhi_img" mode='widthFix'></image>
  116. </navigator>
  117. </view>
  118. </view>
  119. <view class="new_dingzhi_content">
  120. <view class='dingzhi_top'>
  121. <navigator url='/pages/kindSecondList/kindSecondList?classify_name=良米淘库&classify_des=良米淘库&id=3012'>
  122. <image src='http://fds.wondersph.com/liangmitaoku.jpg' class="new_dingzhi_img" mode='widthFix'></image>
  123. </navigator>
  124. </view>
  125. </view>
  126. <!-- 品牌定制 -->
  127. <!-- <view class="dingzhi_content_wrap {{hidden}}"> -->
  128. <!-- content -->
  129. <!-- <view class='new_xinpin_cont'> -->
  130. <!-- <navigator url='/pages/goodsGift/goodsGift?classify_name=礼物盒&classify_des=礼物盒&id=2986'>
  131. <image wx:if="{{urlHttp}}" src='{{urlHttp}}images/rexiao_1.png' mode='widthFix' class='rexiao_banner'></image>
  132. </navigator> -->
  133. <!-- /pages/buy/buy?com_id=3544 -->
  134. <!-- /pages/buy/buy?com_id=3564 -->
  135. <!-- /pages/buy/buy?com_id=3498 -->
  136. <!-- <view class='new_xinpin_2 clearfix'>
  137. <navigator url='/pages/buy/buy?com_id=3544' class='new_xinpin_left'>
  138. <image wx:if="{{urlHttp}}" src='{{urlHttp}}images/index_tj_1.png' ></image>
  139. </navigator>
  140. <navigator url='/pages/buy/buy?com_id=3564' class='new_xinpin_left'>
  141. <image wx:if="{{urlHttp}}" src='{{urlHttp}}images/index_tj_2.png' ></image>
  142. </navigator>
  143. <navigator url='/pages/buy/buy?com_id=3498' class='new_xinpin_right'>
  144. <image wx:if="{{urlHttp}}" src='{{urlHttp}}images/index_tj_3.png' ></image>
  145. </navigator>
  146. </view> -->
  147. <!-- <view class='new_xinpin_2 clearfix'>
  148. <navigator url='/pages/buy/buy?com_id=3582' class='new_xinpin_left'>
  149. <image wx:if="{{urlHttp}}" src='{{urlHttp}}images/index_zhongqiu_1.png' ></image>
  150. </navigator>
  151. <navigator url='/pages/buy/buy?com_id=3639' class='new_xinpin_left'>
  152. <image wx:if="{{urlHttp}}" src='{{urlHttp}}images/index_zhongqiu_2.png' ></image>
  153. </navigator>
  154. <navigator url='/pages/buy/buy?com_id=3635' class='new_xinpin_right'>
  155. <image wx:if="{{urlHttp}}" src='{{urlHttp}}images/index_zhongqiu_3.png' ></image>
  156. </navigator>
  157. </view> -->
  158. <!-- </view> -->
  159. <!-- -->
  160. <!-- 新title -->
  161. <!-- <navigator url='/pages/brandList/brandList' class='new_title_wrap'>
  162. <view class='title_kind_wrap'>
  163. <view class='title_kind_name' >心 礼 盒</view>
  164. <view class='title_kind_intro'>精良之选,用心造物</view>
  165. </view>
  166. <image src='/images/black_more.png' class='title_kind_more'></image>
  167. <image src='/images/index_title_bg_2.png' class='index_title_bg'></image>
  168. </navigator> -->
  169. <!-- 内容 -->
  170. <view class="new_dingzhi_content">
  171. <view class='dingzhi_top'>
  172. <!-- <navigator url='/pages/brandInfor/brandInfor?title={{title1}}&intro={{intro1}}&src={{src4}}&id={{id1}}'>
  173. <image src='{{src1}}' mode='widthFix' class='new_dingzhi_img'></image>
  174. </navigator> -->
  175. <view>
  176. <image src='http://fds.wondersph.com/xinlihe.jpg' mode='widthFix' class='new_dingzhi_img'></image>
  177. </view>
  178. </view>
  179. <!-- <view class='dingzhi_bottom clearfix'>
  180. <view class='dingzhi_bottom_left'>
  181. <navigator url='/pages/brandList/brandList'>
  182. <image wx:if="{{urlHttp}}" src='{{urlHttp}}images/index_footer_left.png' mode='widthFix' class='new_dingzhi_img'></image>
  183. </navigator>
  184. </view>
  185. <view class='dingzhi_bottom_right'>
  186. <navigator url='/pages/goodsGift/goodsGift?classify_name=礼物盒&classify_des=礼物盒&id=2986'>
  187. <image wx:if="{{urlHttp}}" src='{{urlHttp}}images/index_footer_right.png' mode='widthFix' class='new_dingzhi_img'></image>
  188. </navigator>
  189. </view>
  190. </view> -->
  191. </view>
  192. </view>
  193. </view>
  194. </view>
  195. <!-- </view> -->
  196. </view>
  197. <!-- 优惠劵弹窗 -->
  198. <view class="coupon_wrap {{showCoupon ? '' : 'hidden'}}">
  199. <view class='coupon_content_wrap'>
  200. <image wx:if="{{urlHttp}}" src='{{urlHttp}}images/index_coupon_bg_top.png' class='coupon_top_bg' mode='widthFix'></image>
  201. <view class='coupon_bottom_content'>
  202. <image wx:if="{{urlHttp}}" src='{{urlHttp}}images/index_coupon_bg_bottom.png' class='coupon_bottom_bg'></image>
  203. <view class='coupon_bottom_cont'>
  204. <block wx:for="{{coupon}}" wx:key="index" wx:index="i">
  205. <view class='each_coupon clearfix'>
  206. <view class='each_coupon_left'>
  207. <image src='/images/index_coupon_each_left.png' class='coupon_bg_left'></image>
  208. <view class='each_coupon_cont'>
  209. <view class='each_coupon_money'><text>¥</text>{{item.coupon_monry}}</view>
  210. <view class='each_coupon_tj'>满{{item.coupon_rule}}可用</view>
  211. </view>
  212. </view>
  213. <view class='each_coupon_right'>
  214. <image src='/images/index_coupon_each_right.png' class='coupon_bg_right'></image>
  215. <view class='coupon_right_cont clearfix'>
  216. <view class='coupon_right_right clearfix'>
  217. <view class='coupon_right_name'>{{item.coupon_name}}</view>
  218. <navigator url='/pages/kind/index' open-type='switchTab' class='use_btn'>立即使用</navigator>
  219. </view>
  220. <view class='use_data'>30天内有效</view>
  221. </view>
  222. </view>
  223. </view>
  224. </block>
  225. </view>
  226. <view class='close_coupon' bindtap='closeCoupon'>
  227. <image src='/images/index_close_coupon.png'></image>
  228. </view>
  229. </view>
  230. </view>
  231. </view>
  232. <!-- 切换模式按钮 -->
  233. <!-- <view class='change_btn' bindtap='openChangeModel'>
  234. <image src='/images/right_tab_xuanli.png' class='change_btn_icon'></image>
  235. </view> -->
  236. <!-- 切换弹层 -->
  237. <!-- <view class='change_msg_bg {{showMsg ? "" : "hidden"}}' bindtap='closeMsg'>
  238. <view class='change_msg_wrap'>
  239. <view class='change_msg_cont'>
  240. 您已进入商品浏览模式点击右下角可以切换至一键选礼模式
  241. <image src='/images/close_icon_white.png' class='change_msg_close' alt='关闭'></image>
  242. </view>
  243. <view class='change_msg_icon'><image src='/images/msg_bg_right.png' class='change_msg_icon'></image></view>
  244. </view>
  245. </view> -->
  246. <!-- 切换提示弹窗 -->
  247. <!-- <view class='change_model_wrap {{showChangeModel ? "" : "hidden"}}'>
  248. <view class='change_model_content'>
  249. <image src='/images/close_icon_gray.png' bindtap='closeChangeModel' class='change_model_close' alt='关闭'></image>
  250. <view class='change_model_cont'>
  251. <view class='change_model_title1'>将为您切换至</view>
  252. <view class='change_model_title2'>一键选礼模式</view>
  253. <view class='change_model_title3'>是否确认?</view>
  254. <view class='change_btn_wrap clearfix'>
  255. <image src='/images/change_msg_bg.png' class='change_model_bg'></image>
  256. <view class='each_change_btn btn_left' bindtap='goChooseGift'>确认</view>
  257. <view class='each_change_btn' bindtap='closeChangeModel'>取消</view>
  258. </view>
  259. </view>
  260. </view>
  261. </view> -->