kmall-pt/wx-mall/pages/categoryBrand/categoryBrand.wxml

<!--pages/categoryBrand/categoryBrand.wxml-->
<view class="container">
  <view class="cart-panel" wx:if="{{footCart.goodsCount>0}}" bindtap="hideSwitchAttrPop">
    <view class="cart-icon">
      <navigator class="nav-cell" open-type='switchTab' url="/pages/cart/cart">
        <image src="../../static/images/cart-fixed.png">
        </image>
      </navigator>
      <view class="cart-num" bindtap="switchNav" data-name="cart">{{footCart.goodsCount}}</view>
    </view>
    <view class="cart-body" bindtap="switchNav" data-name="cart">￥{{footCart.checkedGoodsAmount}}</view>
    <navigator class="nav-cell" open-type='switchTab' url="/pages/cart/cart">
      <view class="cart-pay">去结算 > </view>
    </navigator>
  </view>
  <view wx:if="{{showNavList}}" class="modal-wrap"></view>
  <view class="fast-nav">
    <contact-button wx:if="{{!showNavList}}" class="contact" size="25" type="primary" session-from="weapp">
      <text>找客服</text>
    </contact-button>
    <view wx:if="{{!showNavList}}" class="nav" bindtap="toggleNav">
      <text>快捷</text>
      <text>导航</text>
    </view>
    <view class="nav-list" wx:if="{{showNavList}}">
      <view class="nav-item">
        <text class="nav-text">首页</text>
        <view class="nav-cell" bindtap="switchNav" data-name="index">
          <image src="../../static/images/nav-1.png"></image>
        </view>
      </view>
      <view class="nav-item">
        <text class="nav-text">足迹</text>
        <navigator class="nav-cell" url="../ucenter/footprint/footprint">
          <image src="../../static/images/nav-2.png"></image>
        </navigator>
      </view>
      <view class="nav-item">
        <text class="nav-text">搜索</text>
        <navigator class="nav-cell" url="../search/search">
          <image src="../../static/images/nav-3.png"></image>
        </navigator>
      </view>
      <view class="nav-item">
        <text class="nav-text">购物车</text>
        <view class="nav-cell" bindtap="switchNav" data-name="cart">
          <image src="../../static/images/nav-4.png"></image>
        </view>
      </view>
    </view>
    <view wx:if="{{showNavList}}" class="close" bindtap="toggleNav">X</view>
  </view>
  <!-- <view class="cate-nav">
    <scroll-view scroll-x="true" class="cate-nav-body" style="width: 750rpx;" scroll-left="{{scrollLeft}}" >
      <view wx:for="{{navList}}" class="item {{ brandId == item.id ? 'active' : ''}}" data-current="{{index}}" data-id="{{item.id}}" bindtap="switchCate" wx:key="{{index}}">
        <view class="name">{{item.name}}</view>
      </view>
    </scroll-view>
  </view> -->
  <view class="cate-nav" bindtap="hideSwitchAttrPop">
    <scroll-view scroll-x="true" class="cate-nav-body" style="width: 750rpx;" scroll-left="{{scrollLeft}}" >
      <view wx:for="{{navList}}" class="item {{ brandId == item.id ? 'active' : ''}}" data-current="{{index}}" data-id="{{item.id}}" bindtap="switchCate" wx:key="{{index}}">
        <view class="name">{{item.name}}</view>
      </view>
    <!-- <view wx:for="{{navList}}" wx:key="{{index}}" bindtap="toggleTab" data-current="{{index}}" data-index="{{item.id}}" class="item {{ brandId == item.id ? 'active' : '' }}"><view class="name">{{item.name}}</view></view> -->
    </scroll-view>
  </view>

  <view class="cate-item" bindtap="hideSwitchAttrPop">
    <view class="h">
      <text class="name">{{currentBrand.name}}</text>
      <text class="desc">{{currentBrand.simple_desc?currentBrand.simple_desc:""}}</text>
    </view>
    <view class="b">
      <block wx:for="{{goodsList}}" wx:for-index="iindex" wx:for-item="iitem" wx:key="unique">
        <view class="item {{iindex % 2 == 0 ? 'item-b' : '' }}">
           <navigator url="../goods/goods?id={{iitem.id}}&&currentIndex={{navIndex}}&&storeId={{iitem.storeId}}">
            <!-- <image class="img" src="{{iitem.list_pic_url}}"></image> -->
            <view class="imglist">
              <image class="img {{iitem.stockNum==0?'touming-img':''}}" src="{{iitem.list_pic_url}}"></image>
              <image lazy-load="true" style="width:50px;height:50px;position: absolute;" wx:if="{{iitem.stockNum==0}}" src="../../static/images/service-zswh.png"></image>
            </view>
           </navigator>
           <view>
              <text class="name">{{iitem.name}}</text>
            </view>
           <view class="price">￥{{iitem.retail_price == null?'':iitem.retail_price}}
             <image class="cart" src="/static/images/cart.png" data-goods-id="{{iitem.id}}" data-product-id="{{iitem.product_id}}" bindtap='addCart' background-size="cover"></image>
           </view>
         </view>
       </block>
     </view>
  </view>
  <!-- bindchange="switchTab" -->
  <!-- <swiper class="" current="{{currentTab}}" scroll-top="{{scrollTop}}" style="height:{{scrollHeight}}px;">
    <swiper-item wx:for="{{navList}}"  wx:key="{{navIndex}}">
    <scroll-view scroll-y="true" class="cate-item">
    </scroll-view>
    </swiper-item>
  </swiper> -->

   <view wx:if="{{openAttr}}" class="attr-pop">
          <view class="attr-close" bindtap="switchAttrPop">X</view>
          <view class="img-info">
            <image class="img" src="{{goodsVo.list_pic_url}}"></image>
            <view class="info">
              <view class="c">
                <view class="p">价格：￥{{goodsVo.retail_price}}</view>
                <view class="a" wx:if="{{productList.length>0}}">已选择：{{checkedSpecText}}</view>
                <view class="a">库存{{stockNum}}件</view>
              </view>
            </view>
          </view>
          <view class="spec-con">
            <view class="spec-item" wx:for="{{specificationList}}" wx:key="{{item.specification_id}}" wx:for-index="itemIndex">
              <view class="name">{{item.name}}</view>
              <view class="values">
                <view class="value {{vitem.checked ? 'selected' : ''}}" bindtap="clickSkuValue" wx:for="{{item.valueList}}" wx:for-item="vitem" wx:key="{{vitem.id}}" data-index="{{itemIndex}}" data-value-id="{{vitem.id}}" data-name-id="{{vitem.specification_id}}">{{vitem.value}}</view>
              </view>
            </view>

            <view class="number-item">
              <view class="name">数量</view>
              <view class="selnum">
                <view class="cut" bindtap="cutNumber">-</view>
                <input value="{{number}}" class="number" disabled="true" type="number" />
                <!-- <view class="add" bindtap="addNumber">+</view> -->
                <view class="{{number+cartNumber>= stockNum? 'addEnabel':'add'}}" bindtap="{{number+cartNumber>= stockNum ? '':'addNumber'}}">+</view>
              </view>
            </view>
          </view>
          <view class="bottom-btn">
            <view class="r" bindtap="addToCart">加入购物车</view>
          </view>
        </view>
</view>