wx-mp-1/pages/index/index.wxml

<!--index.wxml-->
<view class="container">
  <view class="header">
    <view class="header-bg"></view>
    <view class="logo logo-at-left">
      <image src="/images/index/logo.png" class="logo-image"></image>
    </view>
    <view class="search-and-cart">
      <view class="search">
        <image src="/images/index/search.png" class="search-icon"></image>
      </view>
      <view class="cart">
        <image src="/images/index/cart.png" class="cart-icon"></image>
      </view>
    </view>
  </view>
  <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>
  <view class="goods">
    <view wx:for="{{goodsList}}" wx:key="index" class="goods-item">
      <view class="goods-image">
        <!-- <image src="{{item.imageUrl}}" class="goods-image"></image> -->
      </view>
      <view class="goods-info">
        <text class="goods-name">{{item.name}}</text>
        <text class="goods-price">{{item.price}}</text>
      </view>
      <view class="goods-action">
        <view class="favorite">
          <!-- <image src="{{item.favoriteIcon}}" class="favorite-icon"></image> -->
          fav
        </view>
        <button class="add-to-cart">Add to Cart</button>
        <button class="buy-now">Buy Now</button>
      </view>
    </view>
  </view>
</view>