最近写layui的时候需要写一个switch，类似以下效果：

但是发现根据文档写的代码，switch的样式根本没出现：

<div class="layui-form-item">
        <div class="layui-inline">
            <label class="layui-form-label">上架/下架</label>
            <div class="layui-input-block">
                <input type="checkbox" name="commodity_category_put" lay-skin="switch" lay-text="上架|下架" value="{$category.commodity_category_put}">
            </div>
        </div>
    </div>

 研究了一下layui文档，发现需要注意两点：

1.所有的表单都需要写在form中，并加上class="layui-form"

<form style="margin-top: 10px" class="layui-form"></form>

2.需要在script中引用form或者table

<script>
    layui.use(['form'],function(){});
</script>

最后switch样式便可成功出现了。