普通面板
一个面板
一个面板
卡片面板
卡片面板
卡片式面板面板通常用于非白色背景色的主体内
从而映衬出边框投影
卡片面板
结合 layui 的栅格系统
轻松实现响应式布局
常规折叠面板

Collapse Title 1

Content 1

Collapse Title 2

Content 2

Collapse Title 3

  • Content list
  • Content list

折叠面板的标题

折叠面板的内容

手风琴折叠

layui 主要面向哪些用户群体?

Layui 作为一个前端界面组件库,但面向的却主要是后端开发者。
你无需涉足前端的各种工具,只需面对浏览器本身,让一切你所需要的元素与交互,从这里信手拈来。

为什么我的眼里常含泪水?

因为我对这片土地爱的深沉。

Why are my eyes always brimming with tears?

Because I love this land so deeply…

一个折叠面板的标题?

一个折叠面板的内容。

面板嵌套

文学家

唐代

杜甫

一代诗圣

李白

一代诗仙

王勃

千古绝唱《滕王阁序》

宋代

一个属于文人的时代

现代

文学大师纷纷登场

当代

文人、作家

科学家

伟大的科学家

艺术家

浑身散发着艺术细胞


支持无限嵌套,应用场景非常多!

更多我们未能呈现的示例,还有待您在阅读文档、以及不断使用的过程,去深入挖掘。