随笔分类 -  layui

摘要:layui的公共类: lay-filter=" " 事件过滤器。你可能会在很多地方看到他,他一般是用于监听特定的自定义事件。你可以把它看作是一个ID选择器 layui的公共属性: layui-show属性:显示页面元素 tab选项卡介绍: tab选项卡,可用于一个界面点击,显示另一个界面的内容 重要 阅读全文
posted @ 2021-01-31 04:48 nanfengnan 阅读(2085) 评论(0) 推荐(1) 编辑
摘要:本节知识:使用ul和li标签加上layui的导航类组成导航栏 基础类:注意:导航 依赖 element 模块,否则无法进行功能性操作 layui-nav:放在ul里面定义一个导航栏 layui-nav-item:放在li里面定义一个导航栏的菜单项 layui-nav-img:放在li里面定义一个带图 阅读全文
posted @ 2021-01-31 04:01 nanfengnan 阅读(2846) 评论(0) 推荐(0) 编辑
摘要:本课内容: 1.普通按钮类:layui-btn 基础类(别的各种按钮都是在这个类后面添加类) 2.按钮主题:在layui-btn后面加按钮主题的类 名称组合 原始 class="layui-btn layui-btn-primary" 默认 class="layui-btn" 百搭 class="l 阅读全文
posted @ 2021-01-30 21:38 nanfengnan 阅读(1457) 评论(0) 推荐(0) 编辑
摘要:layui 的所有图标全部采用字体形式,取材于阿里巴巴矢量图标库(iconfont)。因此你可以把一个 icon 看作是一个普通的文字,这意味着你直接用 css 控制文字属性,如 color、font-size,就可以改变图标的颜色和大小。 class="layui-icon" eg:定义图标 <- 阅读全文
posted @ 2021-01-30 20:58 nanfengnan 阅读(543) 评论(0) 推荐(0) 编辑
摘要:常用类 一.布局容器 1.将栅格放入一个带有 class="layui-container" 的特定的容器中,以便在小屏幕以上的设备中固定宽度,让列可控。 2.将栅格或其它元素放入一个带有 class="layui-fluid" 的容器中,那么宽度将不会固定,而是 100% 适应 <div clas 阅读全文
posted @ 2021-01-30 20:43 nanfengnan 阅读(4361) 评论(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 阅读(106) 评论(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 阅读(990) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示