php手把手教你做网站(四)layui 的使用

加载layui.css layui.js以后需要注意以下方面：

1、所有的radio checkbox要改变样式的都要放到form 里边；

2、form 要加上 class="layui-form"

3、复选框有两种显示方式

第一种：

第二种：

比较会发现 第二种只是多了一个选择 lay-skin="primary"

4、在以后要加上

我是加到了页面底部，对form内的样式渲染

5、鼠标监听事件 form内的select button 等

select 触发 通常用在调用下级分类

button 会提交信息 可以实现ajax提交数据

事实上不管哪种触发都需要用到 lay-filter

这些可以和jquery nude.js等等交叉使用，不必拘泥一个思路。

css calc的用法

calc是页面布局会经常用到，比如想让页面两边空出来10个像素；通过width:calc(100% - 20px); 设置居中，就轻易实现了两边空白10px，需要注意的是 100% 和 - 以及后边的20px是有空格的