wxhuanart/miniprogram/pages/goods/list/index.wxml

<!--pages/goods/list/index.wxml-->
<view class="px-3 pb-3">
  <view class="page-header">
    <view class="mb-3" bindtap="gosearch">
      <t-search t-class-input="t-search__input" t-class-input-container="t-search__input-container" value="{{albumInput.filterText}}" placeholder="搜索关键字" leftIcon="" disabled center>
        <t-icon slot="left-icon" prefix="wr" name="search" size="40rpx" color="#bbb" />
      </t-search>
    </view>
    <n-horbar items="{{borderlist}}" bindchange="onBorderChange" />
  </view>
  <t-tabs t-class="t-tabs" defaultValue="{{tabList[0].value}}" bind:change="tabChangeHandle">
    <t-tab-panel wx:for="{{tabList}}" wx:for-index="index" wx:key="index" label="{{item.label}}" value="{{item.value}}" />
  </t-tabs>
  <n-dropmenu id="filterMenu" n-class="mb20">
    <n-dropmenu-item options="{{searchOptions.option1}}" defaultValue="{{searchOptions.value1}}" bindchange="onGoodChange" style="flex: 1;" />
    <n-dropmenu-item options="{{searchOptions.option2}}" defaultValue="{{searchOptions.value2}}" bindchange="onSellChange" style="flex: 1;" />
    <n-dropmenu-btn bindtap="onChangeView">
      <view class="d-flex align-items-center" style="padding: 0 20rpx;">
        <t-icon prefix="hn" name="{{view === 'list' ? 'listview' : 'largeview'}}" size="34rpx" />
      </view>
    </n-dropmenu-btn>
    <n-dropmenu-btn bindtap="onFilterClick">
      <view class="d-flex align-items-center" style="padding: 0 60rpx 0 0;">
        <view style="border-left: 1px solid #f3f3f3; height: 70rpx;" />
        <view class="pl-2">筛选</view>
        <t-icon prefix="hn" name="shezhi" size="34rpx" />
      </view>
    </n-dropmenu-btn>
  </n-dropmenu>
  <view>
    <n-goods-list wx:if="{{albums && albums.length > 0}}" view="{{view}}" items="{{albums}}" bind:click="gotoGoodsDetail" />
    <t-empty wx:else icon="chart-bubble" description="暂无相关内容" t-class="mt-7" />
  </view>
  <n-load-more wx:if="{{albums && albums.length > 0}}" status="{{loadMoreStatus}}" no-more-text="没有更多了" />
  <t-back-top theme="round" bind:to-top="onToTop"></t-back-top>
  <t-popup visible="{{filterVisible}}" placement="right" bind:visible-change="onFilterClose">
    <n-taglist-wrap value="{{tagvalues}}" bindvaluechanged="onFilterValueChanged">
      <view class="filter-content" catchtouchmove="onMove">
        <scroll-view scroll-y class="filter-wrap">
          <t-collapse class="optionheader">
            <block wx:for="{{filterOptions}}" wx:key="index">
              <template is="moreOptions" data="{{item: item, idx: index}}" />
            </block>
          </t-collapse>
        </scroll-view>
        <view class="filter-btns-wrap px-3 pt-3 mb-3">
          <t-button theme="outline" bindtap="onSearchReset" class="flex-1 mr-3" block>重置</t-button>
          <t-button theme="primary" bindtap="onSearchConfirm" class="flex-1" block>
            确定
          </t-button>
        </view>
      </view>
    </n-taglist-wrap>
  </t-popup>
</view>

<template name="moreOptions">
  <t-collapse-panel wx:key="more{{idx}}" header="{{item.label}}" value="{{idx}}" expandIcon>
    <n-taglist isImage="{{item.isImage}}" tag="{{'group_'+item.value}}" options="{{item.children}}" multiple />
  </t-collapse-panel>
</template>