index.wxml 9.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195
  1. <!--index.wxml-->
  2. <view class="container">
  3. <!-- 头部搜索 -->
  4. <view class="header-index">
  5. <image src="/images/news/l_icon.png" mode='widthFix' class="header_logo"></image>
  6. <view class="header_search_wrap">
  7. <navigator url="/pages/searchList/searchList" 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. <!--
  31. <block wx:elif="{{item.id == '2915'}}">
  32. <navigator url="/pages/aboutUs/aboutUs">
  33. <image src="{{item.banner_logo}}" mode="scaleToFill" class="slide-image"></image>
  34. </navigator>
  35. </block>
  36. <!-- 女神节 -->
  37. <!-- <block wx:elif="{{item.id == '2917'}}">
  38. <navigator url="/pages/girlsDayInfo/girlsDayInfo">
  39. <image src="{{item.banner_logo}}" mode="scaleToFill" class="slide-image"></image>
  40. </navigator>
  41. </block> -->
  42. <!-- 加班汪 -->
  43. <!-- <block wx:elif="{{item.id == '2918'}}">
  44. <navigator url="/pages/newYears/newYears">
  45. <image src="{{item.banner_logo}}" mode="scaleToFill" class="slide-image"></image>
  46. </navigator>
  47. </block> -->
  48. <!-- 樱花 -->
  49. <!-- <block wx:elif="{{item.id == '2922'}}">
  50. <navigator url="/pages/sakuraDay/sakuraDay">
  51. <image src="{{item.banner_logo}}" mode="scaleToFill" class="slide-image"></image>
  52. </navigator>
  53. </block> -->
  54. <!-- 端午节 -->
  55. <!-- <block wx:elif="{{item.id == '2930'}}">
  56. <navigator url='/pages/dragonBoatFestivalInfor/dragonBoatFestivalInfor'>
  57. <image src="{{item.banner_logo}}" mode="scaleToFill" class="slide-image"></image>
  58. </navigator>
  59. </block> -->
  60. <!-- 跳转到分类 -->
  61. <block wx:else>
  62. <navigator url='/pages/kindSecondList/kindSecondList?classify_name={{item.classify_name}}&classify_des={{item.classify_des}}&id={{item.classify_id}}'>
  63. <image src="{{item.banner_logo}}" mode="scaleToFill" class="slide-image"></image>
  64. </navigator>
  65. </block>
  66. </swiper-item>
  67. </block>
  68. </block>
  69. </swiper>
  70. </view>
  71. <!-- new second nav -->
  72. <!-- <view class='new_nav_wrap clearfix f-box'>
  73. <navigator class='new_nav_each f-item' url='/pages/recommendList/recommendList'>
  74. <image src='/images/index_top_menu_sec_0.jpg' class='new_nav_icon'></image>
  75. <view class="new_nav_name">新鲜上架</view>
  76. </navigator>
  77. <navigator class='new_nav_each f-item' url='/pages/patternMenu/patternMenu'>
  78. <image src='/images/index_top_menu_sec_1.jpg' class='new_nav_icon'></image>
  79. <view class="new_nav_name">一键选礼</view>
  80. </navigator>
  81. <navigator class='new_nav_each f-item' url='/pages/goodsGift/goodsGift?classify_name=礼物盒&classify_des=礼物盒&id=2986'>
  82. <image src='/images/index_top_menu_sec_2.jpg' class='new_nav_icon'></image>
  83. <view class="new_nav_name">心礼盒</view>
  84. </navigator>
  85. <navigator class='new_nav_each f-item' url='/pages/brandList/brandList'>
  86. <image src='/images/index_top_menu_sec_3.jpg' class='new_nav_icon'></image>
  87. <view class="new_nav_name">品牌专区</view>
  88. </navigator>
  89. <navigator class='new_nav_each f-item' url='/customized/pages/index/index'>
  90. <image src='/images/index_top_menu_sec_4.jpg' class='new_nav_icon'></image>
  91. <view class="new_nav_name">产品定制</view>
  92. </navigator>
  93. <navigator class='new_nav_each f-item' url='/pages/aboutUs/aboutUs'>
  94. <image src='/images/index_top_menu_sec_4.jpg' class='new_nav_icon'></image>
  95. <view class="new_nav_name">关于我们</view>
  96. </navigator>
  97. </view> -->
  98. <!-- nav -->
  99. <view class='nav-box'>
  100. <view class='f-box f-flex-wrap '>
  101. <view class='nav-item f-box f-align-items-center f-justify-content-center' wx:for="{{navArray}}" style='background:{{item.bg}}' data-item='{{item}}' bindtap='navTap'>
  102. <image src='{{item.src}}' mode='aspectFit'></image>
  103. </view>
  104. </view>
  105. </view>
  106. <!-- 所有商品 -->
  107. <!-- <view class="new_dingzhi_content">
  108. <view class='dingzhi_top'>
  109. <navigator url='/pages/kindSecondList/kindSecondList?classify_name=好物推荐&classify_des=好物推荐&id=3023' >
  110. <image src='http://fds.wondersph.com/haowutuijian.jpg' class="new_dingzhi_img" mode='widthFix'></image>
  111. </navigator>
  112. </view>
  113. </view> -->
  114. <!-- <view class="new_dingzhi_content">
  115. <view class='dingzhi_top'>
  116. <navigator url='/pages/kindSecondList/kindSecondList?classify_name=良米淘库&classify_des=良米淘库&id=3012'>
  117. <image src='http://fds.wondersph.com/liangmitaoku.jpg' class="new_dingzhi_img" mode='widthFix'></image>
  118. </navigator>
  119. </view>
  120. </view> -->
  121. <!--列表1 -->
  122. <view class='goods-listType1 mar-t20'>
  123. <view class='f-box' wx:for="{{recommendArray}}" data-id='{{item.id}}' bindtap='toGoodsDetail'>
  124. <view class='goods-img mar-r20 '>
  125. <image src='{{host}}/images/{{item.logo[0]}}' mode='aspectFit'></image>
  126. </view>
  127. <view class='goods-infor f-item'>
  128. <view class='goods-introduce'>
  129. <view class='goods-label f-s30'>{{item.commodity_name}}</view>
  130. <!-- <view class='goods-summry'>产品描述产品描述产品描述</view> -->
  131. </view>
  132. <view class='f-box'>
  133. <view class='c-theme' wx:if="{{loginStatic && item.commodity_channel_price}}">¥{{item.commodity_channel_price}}</view>
  134. <view class='c-theme f-item {{loginStatic && item.commodity_channel_price ? "price-cancel" : ""}}'>¥{{item.commodity_sale}}</view>
  135. </view>
  136. </view>
  137. </view>
  138. </view>
  139. <!-- 列表2 -->
  140. <view class='goods-listType2 mar-t20'>
  141. <view class='f-box f-flex-wrap f-justify-content-between'>
  142. <view class='goods-list' wx:for="{{goodsNewsArray}}" data-id='{{item.id}}' bindtap='toGoodsDetail'>
  143. <image src='{{item.commodity_logo}}' class='goods-img' mode='aspectFit'></image>
  144. <!-- <view class='goods-summary'></view> -->
  145. <view class='goods-title'>{{item.commodity_name}}</view>
  146. <view class='f-box'>
  147. <view wx:if="{{item.commodity_channel_price && loginStatic}}" class='c-theme'>¥{{item.commodity_channel_price}}</view>
  148. <view class='c-theme f-item {{item.commodity_channel_price && loginStatic ? "price-cancel" : ""}}'>¥{{item.commodity_sale}}</view>
  149. </view>
  150. </view>
  151. </view>
  152. </view>
  153. </view>
  154. </view>
  155. </view>
  156. <!-- </view> -->
  157. </view>