layui - - - 创建项目（图书管理系统）

1.创建项目

在左侧项目管理器中右键，新建->项目。

选择“普通项目”，选择“基本HTML项目”，输入项目名，“浏览”选择项目路径，最后点“创建”。

一个空项目就创建完成了。

2.下载 layui js 文件

进入 layui 官网： https://layui.dev/docs/2/，下载引用获取 layui。

下载后的 layui 压缩包解压后，把 layui 文件夹放在项目目录中。

3.项目引入 layui js 文件

引入 css 文件和 js 文件。

4.使用 layui 按钮组件

添加一个自适应宽度的按钮。

查看代码，复制对应的代码。

运行项目，使用 Chrome 浏览器打开。

layui 按钮组件就显示了。

5.使用栅格布局，居中按钮

layui-row：占一行；
layui-col-md4：占 4 列；
layui-col-md-offset4：列偏移 4 列。

原创作者: zicl 转载于: https://blog.51cto.com/zicl/11634898