index.wxml 5.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144
  1. <!--index.wxml-->
  2. <view class="container">
  3. <swiper class="banner" indicator-dots="true" autoplay="true" interval="3000" duration="1000">
  4. <swiper-item wx:for="{{banner}}" wx:key="{{item.id}}">
  5. <navigator url="{{item.link}}">
  6. <image src="{{item.image_url}}" background-size="cover"></image>
  7. </navigator>
  8. </swiper-item>
  9. </swiper>
  10. <!-- 首页分类 -->
  11. <view class="m-menu">
  12. <navigator class="item" url="{{item.url}}" wx:for="{{channel}}" wx:key="{{item.id}}">
  13. <image src="{{item.icon_url}}" background-size="cover"></image>
  14. <text>{{item.name}}</text>
  15. </navigator>
  16. <navigator open-type="reLaunch" class="item" url="/pages/catalog/catalog">
  17. <image src="https://i.postimg.cc/x17Z3PJd/visualization.png" background-size="cover"></image>
  18. <text>全部分类</text>
  19. </navigator>
  20. </view>
  21. <!-- 新商品 -->
  22. <view class="a-section a-new" wx:if="{{indexGoods.length > 0}}">
  23. <view class="h">
  24. <view>
  25. <navigator url="../newGoods/newGoods">
  26. <text class="txt">为你推荐</text>
  27. </navigator>
  28. </view>
  29. </view>
  30. <view class="b">
  31. <view class="item" wx:for="{{indexGoods}}" wx:for-index="index" wx:for-item="item" wx:key="{{item.id}}">
  32. <navigator url="../goods/goods?id={{item.id}}">
  33. <image class="img" src="{{item.list_pic_url}}" background-size="cover"></image>
  34. <text class="name">{{item.name}}</text>
  35. <text class="price">¥{{item.price}}</text>
  36. </navigator>
  37. </view>
  38. </view>
  39. </view>
  40. <!-- 品牌直供 -->
  41. <!-- <view class="a-section a-brand">
  42. <view class="h">
  43. <navigator url="../brand/brand">
  44. <text class="txt">品牌制造商直供</text>
  45. </navigator>
  46. </view>
  47. <view class="b">
  48. <view class="item item-1" wx:for="{{brand}}" wx:key="item.id">
  49. <navigator url="/pages/brandDetail/brandDetail?id={{item.id}}">
  50. <view class="wrap">
  51. <image class="img" src="{{item.new_pic_url}}" mode="aspectFill"></image>
  52. <view class="mt">
  53. <text class="brand">{{item.name}}</text>
  54. <text class="price">{{item.floor_price}}</text>
  55. <text class="unit">元起</text>
  56. </view>
  57. </view>
  58. </navigator>
  59. </view>
  60. </view>
  61. </view> -->
  62. <!-- 人气商品 -->
  63. <!-- <view class="a-section a-popular" wx:if="{{hotGoods.length > 0}}">
  64. <view class="h">
  65. <view>
  66. <navigator url="../hotGoods/hotGoods">
  67. <text class="txt">人气推荐</text>
  68. </navigator>
  69. </view>
  70. </view>
  71. <view class="b">
  72. <view class="item" wx:for="{{hotGoods}}" wx:for-index="index" wx:for-item="item" wx:key="{{item.id}}">
  73. <navigator url="/pages/goods/goods?id={{item.id}}">
  74. <image class="img" src="{{item.list_pic_url}}" background-size="cover"></image>
  75. <view class="right">
  76. <view class="text">
  77. <text class="name">{{item.name}}</text>
  78. <text class="desc">{{item.goods_brief}}</text>
  79. <text class="price">¥{{item.retail_price}}</text>
  80. </view>
  81. </view>
  82. </navigator>
  83. </view>
  84. </view>
  85. </view> -->
  86. <!-- 专题精选 -->
  87. <!-- <view class="a-section a-topic" wx:if="topics.length > 0">
  88. <view class="h">
  89. <view>
  90. <navigator url="../topic/topic" open-type="switchTab">
  91. <text class="txt">专题精选</text>
  92. </navigator>
  93. </view>
  94. </view>
  95. <view class="b">
  96. <scroll-view scroll-x="true" class="list">
  97. <view class="item" wx:for="{{topics}}" wx:for-index="index" wx:for-item="item" wx:key="{{item.id}}">
  98. <navigator url="../topicDetail/topicDetail?id={{item.id}}">
  99. <image class="img" src="{{item.scene_pic_url}}" background-size="cover"></image>
  100. <view class="np">
  101. <text class="name">{{item.title}}</text>
  102. <text class="price">¥{{item.price_info}}元起</text>
  103. </view>
  104. <text class="desc">{{item.subtitle}}</text>
  105. </navigator>
  106. </view>
  107. </scroll-view>
  108. </view>
  109. </view> -->
  110. <!-- floorGoods[0].goodList -->
  111. <!-- <view class="good-grid" wx:for="{{floorGoods}}" wx:key="{{item.id}}">
  112. <view class="h">
  113. <view>
  114. <text>{{item.name}}</text>
  115. </view>
  116. </view>
  117. <view class="b">
  118. <block wx:for="{{item.goodsList}}" wx:for-index="iindex" wx:for-item="iitem" wx:key="{{iitem.id}}">
  119. <view class="item {{iindex % 2 == 0 ? '' : 'item-b'}}">
  120. <navigator url="../goods/goods?id={{iitem.id}}" class="a">
  121. <image class="img" src="{{iitem.list_pic_url}}" background-size="cover"></image>
  122. <text class="name">{{iitem.name}}</text>
  123. <text class="price">¥{{iitem.retail_price}}</text>
  124. </navigator>
  125. </view>
  126. </block>
  127. <view class="item item-b item-more">
  128. <navigator url="/pages/category/category?id={{item.id}}" class="more-a">
  129. <view class="txt">{{'更多'+item.name+'好物'}}</view>
  130. <image class="icon" src="../../static/images/icon_go_more.png" background-size="cover"></image>
  131. </navigator>
  132. </view>
  133. </view>
  134. </view> -->
  135. </view>