在layui前端ui框架中，如果要实现switch开关功能，可以使用input中的type=checkbox，添加lay-skin=switch，以及相关的样式。
工具/原料
1
layui
2
JavaScript
3
截图工具
4
WPS
5
HBuilderX
6
浏览器
方法/步骤
1
在HBuilderX工具中，新建一个Web项目，并将layui相关文件拷贝到js文件夹中；然后将layui相关的文件引入到页面中
2
在
标签中，插入对应的div和input复选框，设置对应的样式3
再引入jquery，调用layui中的use()，监听switch控件并获取值
4
保存代码并运行项目，打开浏览器预览效果，结果发现只显示一个标题和复选框
6
打开浏览器控制台调试界面，查找到控制switch控件的样式类，然后复制到代码中，调整宽度、高度等
7
再次保存代码并刷新页面，可以发现switch控件大小发生了改变，说明起到了作用
总结
1、新建Web项目2、拷贝layui文件3、页面引入文件4、插入对应元素5、编写监听事件6、保存查看效果END
注意事项
1
注意如何使用layui中的组件设计出switch
2
注意如何利用自带的样式类调整switch大小