layui switch 如何调整大小
1、在HBuilderX工具中,新建一个Web项目,并将layui相关文件拷贝到js文件夹中;然后将layui相关的文件引入到页面中


2、在<body></body>标签中,插入对应的div和input复选框,设置对应的样式

3、再引入jquery,调用layui中的use(),监听switch控件并获取值

4、保存代码并运行项目,打开浏览器预览效果,结果发现只显示一个标题和复选框

5、检查代码发现,由于使用了form表单样式,外层需要添加form标签元素和样式


6、打开浏览器控制台调试界面,查找到控制switch控件的样式类,然后复制到代码中,调整宽度、高度等

7、再次保存代码并刷新页面,可以发现switch控件大小发生了改变,说明起到了作用

