数量增减

用法

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>

results matching ""

    No results matching ""