layer弹出层 - 在线演示

演示

调试预览
布局

栅格

框架
基本元素

按钮

表单

导航 / 面包屑

基础菜单

选项卡

进度条

面板

徽章

时间线

静态表格

动画

辅助元素
组件示例

弹出层

日期与时间选择

数据表格

分页

下拉菜单

文件上传

穿梭框

树形组件

颜色选择器

滑块

评分

轮播

模板引擎

富文本编辑器

流加载

工具模块

文本行修饰

预览
查看代码
帮助

大部分演示都在 layer 独立组件的官网（layer.layui.com），与内置的 layer 模块，用法是完全一致的

特殊例子

Tips：为了更清晰演示，每触发下述一个例子之前，都会关闭所有已经演示的层

更多示例

<!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" tppabs="/layui/dist/css/layui.css"  media="all">
  <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
</head>