GululuQ-mp/pages/index/index.wxml

<!--index.wxml-->
<view class="container">
  
  <!-- 头部 -->
  <header position="index"></header>

  <view class="banner">
    <view class="banner-item">
      banner
    </view>
  </view>
  <view class="hot-bar">
    <view class="hot-A">
      <image src="/images/index/hot-item.png" class="hot-image"></image>
    </view>
    <view class="hot-B">
      <image src="/images/index/hot-item.png" class="hot-image"></image>
    </view>
    <view class="hot-C">
      <image src="/images/index/hot-item.png" class="hot-image"></image>
    </view>
  </view>
  <view class="brand-bar">
    <view wx:for="{{brandList}}" wx:key="index" class="brand-item">
      <image src="/images/index/brand-item.png" class="brand-image"></image>
      <!-- <text class="brand-name">{{item.name}}</text> -->
    </view>
  </view>
  <view class="slider">
    <view class="slider-item">
      slider
    </view>
  </view>
  <view class="category">
    <view wx:for="{{categoryList}}" wx:key="index" class="category-item">
      <image src="/images/index/category-item.png" class="category-image"></image>
    </view>
  </view>

  <!-- 商品列表 -->
  <product-list position="index"></product-list>
</view>