layui switch不出现样式的问题

想要的效果

 

正确代码

错误示范

错误效果图

未达成想要的效果图代码

原因总结

1.需要将          

            <input type="checkbox" name="xxx" lay-skin="switch">
            <input type="checkbox" name="yyy" lay-skin="switch" lay-text="ON|OFF" checked>
            <input type="checkbox" name="zzz" lay-skin="switch" lay-text="开启|关闭">
            <input type="checkbox" name="aaa" lay-skin="switch" disabled>

以上代码放到form表单中；

2.要在<script>标签中写入以下代码：

layui.use(['form'],function(){});