gin怎么引用layui框架

引用layui框架的步骤如下：

1）在gin中使用HTML模板引用，可以使用HTML的“<link>”标签在页面头部引入layui框架的CSS、JS文件。

2）在gin中使用static文件引用，可以将layui静态文件复制到项目的static文件夹下，然后使用gin框架的Static方法引用。

3）在gin中使用外部静态文件引用，可以使用gin框架的StaticFS方法引入LayUI的外部静态文件。

layui的所有图标全部采用字体形式(单一色彩)，取材于阿里巴巴的矢量图标库。

通过对一个内联元素(一般使用的是i标签)，设定 class=="layui-icon" ，来定义一个图标，然后对元素加上图标对应的 font-class ，即可显示出对应的图标。

向任意HTML元素设定 class="layui-btn" ，建立一个基础按钮，通过追加格式为 layui-btn-{type} 的class来定义其他按钮风格，内置的按钮class可以进行任意组合，从而形成更多风格的按钮，所有的按钮统一使用 button 标签来实现。不要使用input下的 type="button" 。

新建button元素，然后在元素上加上 layui-btn 的类名

select内option的第一项主要是占个坑，让form模块预留“请选择”的提示空间，否则将会把第一项(存在value值)作为默认的选中项。

原生的select option元素无法装饰，因此所有UI框架都是采用的元素模拟的方式来实现，即将原生的select元素隐藏，用js生成其他并设置样式，所以需要在网页上激活UI框架的渲染功能。

optgroup标签给select分组，每个分组的提示信息由optgroup元素的label属性的值决定的。

layui的复选框组件中，title是设定元素的名称，一般用于checkbox、radio框， lay-skin： 定义checkbox元素的风格，不设置为默认风格，primary为原始风格。

当 lay-skin 的值为switch时，title的文字失效，开关前后的状态显示的文字由 lay-text 内决定，格式为：选中提示文字|未选中提示文字。

title：设定的元素名称，一般用于checkbox、radio框。

layui框架使用js生成了一个div结构用来展示title标签的文字和模拟选中时的logo效果，而原生的input元素则被隐藏掉，disabled开启禁用，设置value来实现自定义的值，否则选中时返回的就是默认的on.

在layui框架中，任何行上方不允许存在浮动元素。

先使用 class="layui-container" 在网页上划分出一个区域，该区域专门使用layui的布局模块。

Layui框架中采用 class="layui-row" 去在layui的布局模块中新建一个行，然后使用 layui-col 这样的预设类来定义一组列(column)，并且放在行内。

layui-col 的后面还需要跟上两组参数，具体格式如下：

大于等于992px时

元素的宽度，列数，显示类型等变化都是基于响应式网站设计理念而来，之所以UI框架加入这一特性，目的是为了能够使UI框架的适用范围更大。

格式：

layui-col-space$ $为数字，代表每一列内容的间距，从本质上讲：这个间距是加在了每一个layui-col的左右内边距上的像素。

格式：

ayui-col-屏幕类型-offset$ $为数字，代表该列内容距离左边内容的偏移的列数

如果列宽+列偏移 >12，那么自动换行，换到下一行的列如果具备偏移的性质，那么该偏移会依旧生效。

---