随笔分类 - layui
摘要:layui的公共类: lay-filter=" " 事件过滤器。你可能会在很多地方看到他,他一般是用于监听特定的自定义事件。你可以把它看作是一个ID选择器 layui的公共属性: layui-show属性:显示页面元素 tab选项卡介绍: tab选项卡,可用于一个界面点击,显示另一个界面的内容 重要
阅读全文
摘要:本节知识:使用ul和li标签加上layui的导航类组成导航栏 基础类:注意:导航 依赖 element 模块,否则无法进行功能性操作 layui-nav:放在ul里面定义一个导航栏 layui-nav-item:放在li里面定义一个导航栏的菜单项 layui-nav-img:放在li里面定义一个带图
阅读全文
摘要:本课内容: 1.普通按钮类:layui-btn 基础类(别的各种按钮都是在这个类后面添加类) 2.按钮主题:在layui-btn后面加按钮主题的类 名称组合 原始 class="layui-btn layui-btn-primary" 默认 class="layui-btn" 百搭 class="l
阅读全文
摘要:layui 的所有图标全部采用字体形式,取材于阿里巴巴矢量图标库(iconfont)。因此你可以把一个 icon 看作是一个普通的文字,这意味着你直接用 css 控制文字属性,如 color、font-size,就可以改变图标的颜色和大小。 class="layui-icon" eg:定义图标 <-
阅读全文
摘要:常用类 一.布局容器 1.将栅格放入一个带有 class="layui-container" 的特定的容器中,以便在小屏幕以上的设备中固定宽度,让列可控。 2.将栅格或其它元素放入一个带有 class="layui-fluid" 的容器中,那么宽度将不会固定,而是 100% 适应 <div clas
阅读全文
摘要://位于js/compent.js中//compent.js 自定义layui模块 layui.define(function(exports){ var obj ={ hello:function(){ } } exports("compent",obj); //输出本模块的访问接口为compen
阅读全文
摘要:layui基础知识 1.layui模块化编程引入方法 只需要引入两个文件layui.css和layui.js <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=devic
阅读全文