index.wxml 5.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141
  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="false" 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. <swiper-item wx:if="{{item.classify_id == '3053'}}" class="banner">
  23. <navigator bindtap='tapMomo'>
  24. <image src="{{item.banner_logo}}" mode="scaleToFill" class="slide-image"></image>
  25. </navigator>
  26. </swiper-item>
  27. </block>
  28. </swiper>
  29. </view>
  30. <!-- new second nav -->
  31. <view class='new_nav_wrap clearfix f-box'>
  32. <navigator wx:for="{{navTab}}" class='new_nav_each f-item' url='{{item.url}}'>
  33. <!-- <icon class='iconfont {{item.icon}}'></icon> -->
  34. <image src='{{item.src}}' class='nav-img'></image>
  35. <view class="new_nav_name">{{item.text}}</view>
  36. </navigator>
  37. </view>
  38. <!-- nav -->
  39. <view class='nav-box'>
  40. <view class='f-box f-flex-wrap '>
  41. <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'>
  42. <image src='{{item.src}}' mode='aspectFit'></image>
  43. </view>
  44. </view>
  45. </view>
  46. <!-- 所有商品 -->
  47. <!-- <view class="new_dingzhi_content">
  48. <view class='dingzhi_top'>
  49. <navigator url='/pages/kindSecondList/kindSecondList?classify_name=好物推荐&classify_des=好物推荐&id=3023' >
  50. <image src='http://fds.wondersph.com/haowutuijian.jpg' class="new_dingzhi_img" mode='widthFix'></image>
  51. </navigator>
  52. </view>
  53. </view> -->
  54. <!-- <view class="new_dingzhi_content">
  55. <view class='dingzhi_top'>
  56. <navigator url='/pages/kindSecondList/kindSecondList?classify_name=良米淘库&classify_des=良米淘库&id=3012'>
  57. <image src='http://fds.wondersph.com/liangmitaoku.jpg' class="new_dingzhi_img" mode='widthFix'></image>
  58. </navigator>
  59. </view>
  60. </view> -->
  61. <!-- 专题精选 -->
  62. <view class='special-box'>
  63. <view class='spec-title'>专题精选</view>
  64. <swiper autoplay="true" interval="5000" duration="500" previous-margin="{{previous}}rpx" next-margin="{{next}}rpx" bindchange="swiperChange">
  65. <block wx:for="{{specArray}}">
  66. <swiper-item>
  67. <view style='height:100%;margin-right:30rpx'>
  68. <image src="{{item.classify_logo}}" class="slide-image" mode="aspectFill" />
  69. </view>
  70. </swiper-item>
  71. </block>
  72. </swiper>
  73. </view>
  74. <!--列表1 -->
  75. <view class='goods-listType1 mar-t20'>
  76. <view class='f-box' wx:for="{{recommendArray}}" data-id='{{item.id}}' bindtap='toGoodsDetail'>
  77. <view class='goods-img mar-r20 '>
  78. <image src='{{host}}/images/{{item.logo[0]}}' mode='aspectFit'></image>
  79. </view>
  80. <view class='goods-infor f-item'>
  81. <view class='goods-introduce'>
  82. <view class='goods-label f-s30'>{{item.commodity_name}}</view>
  83. <!-- <view class='goods-summry'>产品描述产品描述产品描述</view> -->
  84. </view>
  85. <view class='f-box'>
  86. <view class='c-theme' wx:if="{{loginStatic && item.commodity_channel_price}}">¥{{item.commodity_channel_price}}</view>
  87. <view class='c-theme f-item {{loginStatic && item.commodity_channel_price ? "price-cancel" : ""}}'>¥{{item.commodity_sale}}</view>
  88. </view>
  89. </view>
  90. </view>
  91. </view>
  92. <!-- 列表2 -->
  93. <view class='goods-listType2 mar-t20'>
  94. <view class='f-box f-flex-wrap f-justify-content-between'>
  95. <view class='goods-list' wx:for="{{goodsNewsArray}}" data-id='{{item.id}}' bindtap='toGoodsDetail'>
  96. <image src='{{item.commodity_logo}}' class='goods-img' mode='aspectFit'></image>
  97. <!-- <view class='goods-summary'></view> -->
  98. <view class='goods-title'>{{item.commodity_name}}</view>
  99. <view class='f-box'>
  100. <view wx:if="{{item.commodity_channel_price && loginStatic}}" class='c-theme'>¥{{item.commodity_channel_price}}</view>
  101. <view class='c-theme f-item {{item.commodity_channel_price && loginStatic ? "price-cancel" : ""}}'>¥{{item.commodity_sale}}</view>
  102. </view>
  103. </view>
  104. </view>
  105. </view>
  106. </view>
  107. </view>
  108. </view>
  109. <!-- </view> -->
  110. </view>