GululuQ-mp/pages/index/index.wxml

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

<view class="container">

  <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-left.png" class="hot-image" bind:tap="hotBut"></image>
    </view>
    <view class="hot-B">
      <image src="/images/index/hot-middle.png" class="hot-image" bind:tap="newBut"></image>
    </view>
    <view class="hot-C">
      <image src="/images/index/hot-right.png" class="hot-image" bind:tap="presaleBut"></image>
    </view>
  </view>
  <view class="brand-bar">
    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>
      <span>{{ item.className }}</span>
    </view>
  </view>
  <view class="brand-bar mini" style="{{isBrandMini ? 'opacity: 1;' : 'opacity: 0;'}}">
    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>
      <span>{{ item.className }}</span>
    </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>
      <span>{{ item.className }}</span>
    </view>
  </view>
  <view class="category mini" style="{{isCategoryMini ? 'opacity: 1;' : 'opacity: 0;'}}">
    <view wx:for="{{prodClassList}}" wx:key="index" class="category-item">
      <image src="{{item.classUrl}}" data-item="{{item}}" class="category-image"></image>
      <span>{{ item.className }}</span>
    </view>
  </view>

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

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

</view>