滑块

MDUI 的滑块使用 HTML5 的 <input type="range"/> 输入框实现。

调用方式

滑块组件在页面加载完后会自动初始化。对于动态生成的滑块，需要调用 mdui.updateSliders() 进行初始化。

色彩

使用强调色。

相关资料

Material Design 滑块设计规范

样式

连续滑块

在线运行

间续滑块

在线运行

禁用状态

在连续滑块或间续滑块的 input 元素上添加 disabled 属性就能禁用滑块。

连续滑块：

在线运行

间续滑块：

在线运行

动态生成的滑块

如果你的滑块组件是动态生成的，或者动态修改了滑块的值，则需要调用 mdui.updateSliders() 方法来重新初始化滑块组件。

该方法可以接受一个含 .mdui-slider 类的 CSS 选择器、或者 DOM 元素、或者 DOM 元素组成的数组作为参数，表示只重新初始化指定滑块。如果没有传入参数，将重新初始化页面中的所有滑块。

CSS 类名列表