<!--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 class="goods-row" wx:for="{{goodsList}}" wx:key="index" wx:for-item="row">
      <view class="goods-item" wx:for="{{row}}" wx:key="itemIndex">
        <view class="goods-image">
          <image src="{{item.imageUrl}}" class="goods-image-inner"></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="/images/index/fav.png" class="favorite-icon"></image>
          </view>
          <button class="add-to-cart">加入购物车</button>
          <button class="buy-now">立即购买</button>
        </view>
      </view>
    </view>
  </view>
</view>
