LuLu UI Edge版中文文档 » 基于复选框的开关效果

文档 Github➹

基于复选框的开关效果

安装与调用

引入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