oms-mp/pages/category/category.wxml

<!--pages/category/category.wxml-->
<import src="category.skeleton.wxml" />
<template is="skeleton" wx:if="{{loading}}" />
<view class="custom {{scrollTop > 0 ?'customBg':''}}" style="padding-top:{{topBarHeight}}px">
  <navigator open-type="switchTab" url="/pages/index/index" class="iconfont icon-shouye"></navigator>
  <image src="{{company.companyLogo}}" mode="heightFix" style="height: 60rpx;"></image>
</view>
<!-- <view class="page"> -->
<view class="search">
  <input confirm-type="search" placeholder="搜索：产品名称/SKU/69码" bindconfirm="searchGoods" />
  <icon class="icon-small" type="search" size="40rpx"></icon>
</view>
<view class="menu">
  <view class="menu-item {{category1Index == index ? 'active' : ''}}" wx:for="{{categoryList}}" wx:key="categoryId" data-index="{{index}}" data-name="category1Index" bind:tap="selectCategory">
    <image src="{{item.pic || '/images/menu.png'}}"></image>
    <view class="text text1">{{item.categoryName}}</view>
  </view>
</view>
<view class="categoryMain">
  <view class="floorTitle">正品好物推荐</view>
  <view class="categotyPanel">
    <view class="category">
      <block wx:for="{{categoryList[category1Index].categories}}" wx:key="categoryId" wx:for-index="index1">
        <view class="categoryItem {{category2Index == index1 ? 'active' : ''}}" data-index="{{index1}}" data-name="category2Index" catch:tap="selectCategory">
          <view class="categoryText text1">{{item.categoryName}}</view>
        </view>
      </block>
    </view>
    <view class="categoryBody">
      <view class="categoryItemTool">
        <block wx:if="{{categoryList[category1Index].categories[category2Index].categories}}">
          <view class="categoryItemToolItem {{category3Index == -1 ? 'active' : ''}}" data-name="category3Index" data-index="-1" catch:tap="selectCategory">全部</view>
        </block>
        <block wx:for="{{categoryList[category1Index].categories[category2Index].categories}}" wx:key="categoryId" wx:for-index="index2">
          <view class="categoryItemToolItem {{category3Index == index2 ? 'active' : ''}}" data-name="category3Index" data-index="{{index2}}" catch:tap="selectCategory">{{item.categoryName}}</view>
        </block>
      </view>
      <view class="goodsQuery">
        <view class="queryItem bxdfont shaixuan zonghe {{query.all ? 'ups' : ''}}" style="content: none !important;" data-param="" bind:tap="query">综合</view>
        <view class="queryItem bxdfont xiaoliang {{query.salesSort == false ? 'downs' : query.salesSort == true ? 'ups' : ''}}" data-param="salesSort" bind:tap="query">销量</view>
        <view class="queryItem bxdfont xiaoliang {{query.newProductSort == false ? 'downs' : query.newProductSort == true ? 'ups' : ''}}" data-param="newProductSort" bind:tap="query">新品</view>
        <view class="queryItem bxdfont xiaoliang {{query.priceSort == false ? 'downs' : query.priceSort == true ? 'ups' : ''}}" data-param="priceSort" bind:tap="query">价格</view>
        <view class="queryItem iconfont shaixuan {{query.shaixuan ? 'ups' : ''}}" bind:tap="shaixuan">筛选</view>
      </view>
      <view class="goodsList">
        <view></view>
        <view style="overflow-y: auto;">
          <navigator url="/pages/goods/goods?prodId={{item.prodId}}" hover-class="none" class="goods" wx:for="{{goodsList}}" wx:key="goodsId">
            <image src="{{item.pic || '/images/empty.png'}}"></image>
            <view class="goodsInfo">
              <view class="name text2">{{item.prodName}}</view>
              <view class="brief text3">{{item.simpleTitle}}</view>
              <view class="bar">
                <view class="price">¥{{item.price}}</view>
                <view style="font-weight: 400;font-size: 18rpx;color: #A2A2A2;line-height: 40rpx;">
                  <text>可供{{item.usableStocksTotal}}{{item.stockUnit || '件 '}}</text>
                  <text wx:if="{{item.limitQty}}"> 限购数量{{item.limitQty}}{{item.stockUnit || '件'}}</text>
                </view>
                <!-- <view class="iconfont icon-shouyegouwuche icon"></view> -->
              </view>
            </view>
          </navigator>
          <view class="goods">
            <view wx:if="{{loadding}}" class="iconfont icon-loadding"></view>
            <view wx:elif="{{pages == null && goodsList.length == 0}}">
              <image class="listEmpty" src="/images/list-empty.png"></image>
              <view class="loadMore" style="margin-top: 20rpx;">啥记录也没有！</view>
            </view>
            <view wx:elif="{{current < pages}}" class="loadMore" catch:tap="getGoodsList">点击加载更多</view>
            <view wx:else="" class="noMore">--我也是有底线的--</view>
          </view>
        </view>
      </view>
    </view>
  </view>
  <view class="dialogBg" bindtap="powerDrawer" wx:if="{{showDialog}}" catchtouchmove="stopScroll"></view>
  <view animation="{{animationData}}" class="drawer_attr_box" wx:if="{{showDialog}}">
    <view class="iconfont icon-guanbi" bindtap="powerDrawer"></view>
    <view class="draw_attr_title">全部条件</view>
    <view class="drawer_content" style="display: flex;flex-flow: column;max-height: 1000rpx;">
      <form class="shaixuanBox" catchsubmit="submitShaixuan" bindreset="submitShaixuanReset">
        <view class="shaixuanBoxTitle" wx:if="{{brandList.length > 0 }}">品牌：</view>
        <view class="shaixuanBoxBrand" wx:if="{{brandList.length > 0 }}">
          <view wx:for="{{brandList}}" wx:key="id" class="text1 {{item.check?'active':''}}" data-index="{{index}}" bind:tap="onBrand">{{item.name}}</view>
        </view>
        <view class="shaixuanBoxTitle">价格区间：</view>
        <view class="shaixuanBoxPrice">
          <input name="startPrice" value="{{query.startPrice}}" placeholder="0" />
          <input name="endPrice" value="{{query.endPrice}}" placeholder="100" />
        </view>
        <view class="shaixuanBoxBtn">
          <button form-type="reset">清空</button>
          <button form-type="submit">确定</button>
        </view>
      </form>
    </view>
  </view>
</view>
<!-- </view> -->