Layui-------拿来即用篇

1. 图标

1.1 使用方式

通过标签（推荐用 i标签）设定 class=“layui-icon”，来定义一个图标：

 <i class="layui-icon layui-icon-face-smile"></i>  #方式1
 <i class="layui-icon">&#xe60c;</i>   #方式2

layui内置图标：点我…

2. 按钮

2.1 使用方式

<button type="button" class="layui-btn">一个标准的按钮</button>
<a href="http://www.layui.com" class="layui-btn">一个可跳转的按钮</a>

2.2 样式

	class=“layui-btn”
主题
原始	class=“layui-btn layui-btn-primary”
百搭	class=“layui-btn layui-btn-normal”
暖色	class=“layui-btn layui-btn-warm”
警告	class=“layui-btn layui-btn-danger”
禁用	class=“layui-btn layui-btn-disabled”
尺寸
大型	class=“layui-btn layui-btn-lg”
小型	class=“layui-btn layui-btn-sm”
迷你	class=“layui-btn layui-btn-xs”
流体按钮	class=“layui-btn layui-btn-fluid”
圆角	class=“layui-btn layui-btn-radius”

2.2 组合按钮

2.2.1 按钮+图标

<button type="button" class="layui-btn">
  <i class="layui-icon">&#xe608;</i> 添加
</button>

2.2.1 按钮组

<div class="layui-btn-group">
  <button type="button" class="layui-btn layui-btn-sm">增加</button>
  <button type="button" class="layui-btn layui-btn-normal">编辑</button>
  <button type="button" class="layui-btn layui-btn-lg">删除</button>
</div>

2.2.1 按钮容器

<div class="layui-btn-container">
  <button type="button" class="layui-btn">按钮一</button> 
  <button type="button" class="layui-btn">按钮二</button> 
  <button type="button" class="layui-btn">按钮三</button> 
</div>

3. 导航，面包屑：https://www.layui.com/doc/element/nav.htm

4. 进度条：https://www.layui.com/doc/element/progress.html

5. 面板：https://www.layui.com/doc/element/panel.html

6. 徽章：https://www.layui.com/doc/element/badge.html

7. TAB面板：https://www.layui.com/doc/element/tab.html

8. 时间线：https://www.layui.com/doc/element/timeline.html

9. 辅助元素：