使用方式

<link rel="stylesheet" href="/components/style/slider.css" type="text/css" />
<script defer src="/components/js/slider.js" type="text/javascript"></script>

<span class="demonstration">默认</span>
<div class="st_slider">
  <div class="st_slider_runway">
    <div class="st_slider_bar"></div>
    <div class="st_slider_button_wrapper">
      <div class="st_tooltip st_slider_button"></div>
    </div>
  </div>
</div>
<span class="demonstration">自定义初始值</span>
<div class="st_slider" st-model="sliderModel" change="sliderChange">
  <div class="st_slider_runway">
    <div class="st_slider_bar"></div>
    <div class="st_slider_button_wrapper">
      <div class="st_tooltip st_slider_button"></div>
    </div>
  </div>
</div>
<span class="demonstration">隐藏 Tooltip</span>
<div class="st_slider" st-model="sliderModel" change="sliderChange">
  <div class="st_slider_runway">
    <div class="st_slider_bar"></div>
    <div class="st_slider_button_wrapper">
      <div class="st_slider_button"></div>
    </div>
  </div>
</div>

属性

属性	说明	类型	可选值	默认值
st-model	数据绑定(自定义属性)	string	-	-
change	输入值变化回调方法(自定义属性)	string	-	-