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. 横线--水平线;

你可能感兴趣的:(JavaScript,java,前端,javascript)