安装与调用
引入CSS即可:
<link rel="stylesheet" href="https://qidian.gtimg.com/lulu/hope/ui/Checkbox/switch.css">
开关基本状态
给复选框元素设置 is="ui-switch"
即可实现,选中状态,以及禁用状态的设置和原生的复选框一致,分别使用 checked
属性和 disabled
属性实现。
开关:
开关禁用:
<input type="checkbox" id="switch"is="ui-switch"> <input type="checkbox" id="switch2" disabled is="ui-switch"> <input type="checkbox" id="switch3" checked disabled is="ui-switch">
本页贡献者:
zhangxinxu