数量增减
用法
Class |
描述 |
.baie-number-control |
父元素,数量增减容器。 |
.baie-number-step |
子元素,增减通用按钮布局。 |
.baie-number-minus、baie-number-plus |
子子元素,增减按钮布局。 |
.baie-number-input |
子元素,增减input布局。 |
.baie-number-val [data-min、data-max] |
次子元素,增减input [最小数量,最大数量]。 |
示例1

HTML
<!-- 数量增加 -->
<div class="baie-number-control">
<a class="baie-number-step baie-number-minus" href="javascript:;"><i class="iconfont icon-reduce"></i></a>
<span class="baie-number-input">
<input class="baie-number-value" type="tel" data-min="1" data-max="10" name="qs" value="0" autocomplete="off">
</span>
<a class="baie-number-step baie-number-plus" href="javascript:;"><i class="iconfont icon-add"></i></a>
</div>
javascript
<script src="/node/assets/scripts/common/number_control.js"></script>
<script>
NumberControl(function($input){
/*增减后回调函数*/
})
</script>