笔记十四、Layui 入门

一、基本使用

1.引入 ：需要分别引入 layui.css 和 layui.js 文件

• CDN引入

            1.引入 layui.css ：   

                        <link href="//unpkg.com/layui@2.7.6/dist/css/layui.css" rel="stylesheet">

            2. 引入 layui.js：

                        <script src="//unpkg.com/layui@2.7.6/dist/layui.js"></script>

• npm 下载

2.加载所需模块:  layui.use([mods], callback)

 layui.use(["layer", "form"], function () {
        var layer = layui.layer;
        var form = layui.form;

        layer.msg("Hello World");
      });

二、基础

1. 页面元素

• CSS内置公共基础类

• CSS命名规范

• HTML规范：结构

• HTML规范：常用公共属性

2. 模块规范

• 预先加载模块

• 模块命名空间

三、入门

1.布局 ：栅格系统