演示
调试预览
布局
栅格
框架
基本元素
按钮
表单
导航 / 面包屑
基础菜单
选项卡
进度条
面板
徽章
时间线
静态表格
动画
辅助元素
组件示例
弹出层
日期与时间选择
数据表格
分页
下拉菜单
文件上传
穿梭框
树形组件
颜色选择器
滑块
评分
轮播
模板引擎
流加载
工具模块
文本行修饰
预览
查看代码
帮助
大部分演示都在 layer 独立组件的官网(
layer
),与内置的 layer 模块,用法是完全一致的
特殊例子
Tips:为了更清晰演示,每触发下述一个例子之前,都会关闭所有已经演示的层
多窗口模式 + 层叠置顶 + Esc 关闭
配置一个透明的询问框
示范一个公告层
上弹出
右弹出
下弹出
左弹出
左上弹出
左下弹出
右上弹出
右下弹出
居中弹出
更多示例
去 layer 官网查看
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Layui</title> <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <link rel="stylesheet" href="/layui/dist/css/layui.css" media="all"> <!-- 注意:如果你直接复制所有代码到本地,上述css路径需要改成你本地的 --> </head>
相关
layer文档