使用方式

<link
  rel="stylesheet"
  href="/components/style/inputnumber.css"
  type="text/css"
/>
<script
  defer
  src="/components/js/inputnumber.js"
  type="text/javascript"
></script>
<div
  class="st_input_number"
  st-model="inputnumberModel"
  min="0"
  max="10"
  change="inputnumberChange"
>
  <span class="st_input_number_decrease">
    <i class="stIconFont icon-jianhao"></i>
  </span>
  <span class="st_input_number_increase">
    <i class="stIconFont icon-tianjia"></i>
  </span>
  <div class="st_input">
    <input type="text" class="st_input_inner" />
  </div>
</div>

尺寸 sizemedium、small、mini

<div class="st_input_number" size="medium">
  <span class="st_input_number_decrease">
    <i class="stIconFont icon-jianhao"></i>
  </span>
  <span class="st_input_number_increase">
    <i class="stIconFont icon-tianjia"></i>
  </span>
  <div class="st_input">
    <input type="text" class="st_input_inner" />
  </div>
</div>

属性

属性 说明 类型 可选值 默认值
st-model 数据绑定(自定义属性) string - -
change 输入值变化回调方法(自定义属性) string - -
size 尺寸,仅input支持(自定义属性) string medium/small/mini -