@retailwe/ui-filter-popup

商品筛选弹窗

引入

"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	筛选内容插槽