<t-button bind:tap="open" size="small" variant="outline" theme="primary">
  排序
  <t-icon slot="suffix" name="{{ visible ? 'chevron-up' : 'chevron-down'}}" size="34rpx" />
</t-button>

<popup-plugin visible="{{ visible }}" title="排序" bind:close="onClose">
  <t-cell title="{{item.label}}" wx:for="{{options}}" wx:key="value">
    <view slot="note" style="display: flex;align-items: center;">
      <t-button size="small" theme="primary"
        variant="{{value != (item.value || '') + ' asc' ? 'outline': 'base'}}"
        style="margin-right: 24rpx;" bind:tap="select" data-index="{{index}}" data-order="asc">升序
      </t-button>
      <t-button size="small" theme="primary"
        variant="{{value != (item.value || '') + ' desc' ? 'outline': 'base'}}" bind:tap="select"
        data-index="{{index}}" data-order="desc">降序</t-button>
    </view>
  </t-cell>
</popup-plugin>