GululuQ-mp/pages/index/index.wxml

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

  <view class="banner">
    <view class="banner-item">
      <swiper class="bannerSwiper" indicator-dots='{{true}}' indicator-color='rgba(33, 33, 33, .3)' indicator-active-color='rgba(33, 33, 33, 1)' circular='{{true}}' current='{{index}}' autoplay style="{{''}}" bindchange='bindchange'>
        <block wx:for='{{bannerList}}' wx:key='this'>
          <swiper-item>
              <image class="bannerImg" mode='widthFix' src="{{item.bannerUrl}}" data-item="{{item}}"></image>
          </swiper-item>
        </block>
    </swiper>
    </view>
  </view>
  <!-- <banner position="index" bannerList="{{bannerList}}"/> -->

  <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="{{ipInfoList}}" wx:key="index" class="brand-item">
      <image src="{{item.ipUrl}}" data-item="{{item}}" 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="{{prodClassList}}" wx:key="index" class="category-item">
      <image src="{{item.classUrl}}" data-item="{{item}}" class="category-image"></image>
    </view>
  </view>

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

  <!-- 商品属性模态框 -->
  <addCartModel visible="{{showAddCartModal}}" product="{{currentProduct}}" bindclose="handleCloseAddCartModal"></addCartModel>

</view>