作为一个拖拽式的交互性组件，滑块往往能给产品带来更好的操作体验。layui 深以为然，slider 模块包含了你能想到的大部分功能，尽管它可以作为一个独立的个体，但很多时候它往往会出现 form 元素中，想象一下吧。
模块加载名称：slider注意：slider 为 layui 2.4.0 新增模块
<link rel="stylesheet" href="/static/layui/css/layui.css">
<script src="/static/layui/layui.all.js" charset="utf-8"></script>
slider 组件支持以下参数
| 参数选项 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| elem | 指向容器选择器 | string/object | - |
| type | 滑块类型，可选值有：default（水平滑块）、vertical（垂直滑块） | string | default |
| min | 滑动条最小值，正整数，默认为 0 | number | 0 |
| max | 滑动条最大值 | number | 100 |
| range | 是否开启滑块的范围拖拽，若设为 true，则滑块将出现两个可拖拽的环 | boolean | false |
| value | 滑块初始值，默认为数字，若开启了滑块为范围拖拽（即 range: true），则需赋值数组，异表示开始和结尾的区间，如：value: [30, 60] | number/Array | 0 |
| step | 拖动的步长 | number | 1 |
| showstep | 是否显示间断点 | boolean | false |
| tips | 是否显示文字提示 | boolean | true |
| input | 是否显示输入框（注意：若 range 参数为 true 则强制无效） 点击输入框的上下按钮，以及输入任意数字后回车或失去焦点，均可动态改变滑块 |
boolean | false |
| height | 滑动条高度，需配合 type:"vertical" 参数使用 | number | 200 |
| disabled | 是否将滑块禁用拖拽 | boolean | false |
| theme | 主题颜色，以便用在不同的主题风格下 | string | #009688 |
layui.slider 可以大幅度提升你 Web 应用中的很多操作体验，可尽情发挥。
layui - 在每一个细节中，用心与你沟通
