商品筛选弹窗

引入

"usingComponents": {
  "wr-filter-popup": "@retailwe/wr-filter/index"
}

代码演示

<wr-filter-popup  show="{{show}}"  bind:showFilterPopupClose="showFilterPopupClose" bind:reset="reset" bind:confirm="confirm">
    <view slot="filterSlot">
        <view class="price-container">
        <view class="price-between">价格区间</view>
        <view class="price-ipts-wrap">
            <input type="number" class="price-ipt {{minSalePriceFocus ? 'focus' : ''}} {{minActive ? 'active' : ''}}" bindfocus="handleMinPriceFocus" bindblur="handleMinPriceBlur" placeholder="最低价" value="{{minVal}}" bindinput="onMinValAction" />
            <text class="price-divided"></text>
            <input type="number" class="price-ipt {{maxSalePriceFocus ? 'focus' : ''}} {{maxActive ? 'active' : ''}}" bindfocus="handleMaxPriceFocus" bindblur="handleMaxPriceBlur" placeholder="最高价" value="{{maxVal}}" bindinput="onMaxValAction" />
        </view>
        </view>
    </view>
</wr-filter-popup>

入参

| 参数 | 说明 | 类型 | 默认值 | 是否必要 | | :----------- | :--------------------------------------: | ---------------: | ------ | -------- | | show | 显示隐藏 | Boolean| false | 是 |

Events

| 事件 | 是否必要 | 说明 | | :--------------- | :------: | -------------------------------------------------------------: | | showFilterPopupClose | 否 | 关闭弹窗 | | reset | 否 | 重设参数 | | confirm | 否 | 筛选确认 |

外部样式类

| 类名 | 说明 | | -------- | ------------ | | wr-class | 筛选内容根节点样式类 |

slot

| name | 说明 | | ------------- | -------------------- | | filterSlot | 筛选内容插槽 |