0.0.18 • Published 4 years ago
商品筛选弹窗
引入
"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 | 否 | 筛选确认 |
外部样式类
slot