10.面板.徽章.辅助

学习要点：
1.面板
2.徽章
3.辅助
本节课我们来开始了解 Layui 的三个元素：面板、徽章、辅助。
一．面板
1. 卡片面板：layui-card；

面板标题

面板内容...

PS：如果背景是白色基调，这个面板，基本看不出东西；
2. 折叠面板：layui-collapse；

标题 1

内容 1

标题 2

内容 2

标题 3

内容 3

PS：手风琴式的面板，直接加属性：lay-accordion

【十天精品课堂系列】 主讲：李炎恢
二．徽章
1. 徽章是一种提示：小圆点、椭圆体和边框体，一共 7 种颜色；
7
8
9
PS：默认是椭圆体，可以输入嵌入值；小圆点不能嵌入；

1
三．辅助
1. 引用辅组：layui-elem-quote；
引用区域
引用区域
2. 字段集区块：layui-elem-field；

字段集引用

内容区域

PS：也可以直接一行；

3. 横线--水平线；

---