摘要: 本课内容: 1.普通按钮类:layui-btn 基础类(别的各种按钮都是在这个类后面添加类) 2.按钮主题:在layui-btn后面加按钮主题的类 名称组合 原始 class="layui-btn layui-btn-primary" 默认 class="layui-btn" 百搭 class="l 阅读全文
posted @ 2021-01-30 21:38 nanfengnan 阅读(1334) 评论(0) 推荐(0) 编辑
摘要: layui 的所有图标全部采用字体形式,取材于阿里巴巴矢量图标库(iconfont)。因此你可以把一个 icon 看作是一个普通的文字,这意味着你直接用 css 控制文字属性,如 color、font-size,就可以改变图标的颜色和大小。 class="layui-icon" eg:定义图标 <- 阅读全文
posted @ 2021-01-30 20:58 nanfengnan 阅读(475) 评论(0) 推荐(0) 编辑
摘要: 常用类 一.布局容器 1.将栅格放入一个带有 class="layui-container" 的特定的容器中,以便在小屏幕以上的设备中固定宽度,让列可控。 2.将栅格或其它元素放入一个带有 class="layui-fluid" 的容器中,那么宽度将不会固定,而是 100% 适应 <div clas 阅读全文
posted @ 2021-01-30 20:43 nanfengnan 阅读(3969) 评论(0) 推荐(0) 编辑
摘要: //位于js/compent.js中//compent.js 自定义layui模块 layui.define(function(exports){ var obj ={ hello:function(){ } } exports("compent",obj); //输出本模块的访问接口为compen 阅读全文
posted @ 2021-01-30 19:19 nanfengnan 阅读(103) 评论(0) 推荐(0) 编辑
摘要: layui基础知识 1.layui模块化编程引入方法 只需要引入两个文件layui.css和layui.js <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=devic 阅读全文
posted @ 2021-01-30 19:13 nanfengnan 阅读(818) 评论(0) 推荐(0) 编辑