index.wxml 3.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. <!--banner-->
  2. <view class='swiper_banner'>
  3. <swiper class="swiper-box" style="height:400rpx" indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" indicator-color="{{indicatorColor}}" indicator-active-color="{{indicatorActivecolor}}">
  4. <block wx:for="{{imgUrls}}">
  5. <swiper-item>
  6. <image bindtap='goUrl' data-url="{{item.url}}" src="{{item.pic}}" class="slide-image"/>
  7. </swiper-item>
  8. </block>
  9. </swiper>
  10. </view>
  11. <!-- 导航 -->
  12. <view class='nav flex'>
  13. <block wx:for="{{menus}}">
  14. <view class='nav-item'>
  15. <navigator class='flex' hover-class="none" url='{{item.url}}' wx:if="{{item.show == '是'}}" open-type='switchTab'>
  16. <image src='{{item.pic}}'></image>
  17. <view class='nav-title'>{{item.name}}</view>
  18. </navigator>
  19. <navigator class='flex' hover-class="none" url='{{item.url}}' wx:else>
  20. <image src='{{item.pic}}'></image>
  21. <view class='nav-title'>{{item.name}}</view>
  22. </navigator>
  23. </view>
  24. </block>
  25. </view>
  26. <!-- 精品推荐 -->
  27. <view class='new-product'>
  28. <view class='title-bar' bindtap='torday' >
  29. <view class='iconfont icon-jingpintuijian'></view>
  30. <text>精品推荐</text>
  31. <navigator hover-class="none" class='flex'><text>更多推荐</text><text class='iconfont icon-xiala'></text></navigator>
  32. </view>
  33. <view class='scroll-product'>
  34. <scroll-view class="scroll-view_x" scroll-x style="width: auto;overflow:hidden;">
  35. <block wx:for="{{recommendLsit}}">
  36. <view class='item'>
  37. <navigator hover-class="none" url="/pages/product-con/index?id={{item.id}}">
  38. <view class='img-box'><image src='{{url}}{{item.image}}'></image></view>
  39. <view class='pro-info'>
  40. <view class='pro-title'>{{item.store_name}}</view>
  41. <view class='price-small'>¥{{item.price}}</view>
  42. </view>
  43. </navigator>
  44. </view>
  45. </block>
  46. </scroll-view>
  47. </view>
  48. </view>
  49. <!-- 今日上新 -->
  50. <view class='today-new'>
  51. <view class='title-bar' bindtap='torday'>
  52. <view class='iconfont icon-shangxinfuwu'></view>
  53. <text>今日上新</text>
  54. <navigator hover-class="none" bindtap='torday' class='flex'><text>更多新品</text><text class='iconfont icon-xiala'></text></navigator>
  55. </view>
  56. <view class='new-pro-wrapper'>
  57. <block wx:for="{{newList}}">
  58. <view class='item'>
  59. <navigator class='flex' hover-class="none" url="/pages/product-con/index?id={{item.id}}">
  60. <view class='text-box flex'>
  61. <view class='title'>{{item.store_name}}</view>
  62. <view class='price'><text>¥</text>{{item.price}}</view>
  63. </view>
  64. <view class='img-box'><image src='{{url}}{{item.image}}'></image></view>
  65. </navigator>
  66. </view>
  67. </block>
  68. </view>
  69. </view>
  70. <block wx:for="{{lovely}}" wx:if="{{index < 1}}">
  71. <view class='hot-banner'>
  72. <image src='{{url}}{{item.img}}'></image>
  73. </view>
  74. </block>
  75. <!-- 猜你喜欢 -->
  76. <view class='product-like'>
  77. <view class='title-bar'>
  78. <view class='iconfont icon-cainixihuan'></view>
  79. <text>猜你喜欢</text>
  80. </view>
  81. <view class='like-box flex'>
  82. <block wx:for="{{likeList}}">
  83. <view class='item'>
  84. <navigator hover-class="none" url="/pages/product-con/index?id={{item.id}}">
  85. <view class='img-box'><image src='{{url}}{{item.image}}'></image></view>
  86. <view class='text-info'>
  87. <view class='title'>{{item.store_name}}</view>
  88. <view class='price'>¥{{item.price}}</view>
  89. </view>
  90. </navigator>
  91. </view>
  92. </block>
  93. </view>
  94. <view class='loading flex'><icon class='iconfont icon-jiazaizhong loadingpic' hidden='{{hidden}}'></icon>{{title}}</view>
  95. </view>