Layui颜色.图标.动画

本节课我们来开始了解 Layui 自带的颜色、图标和动画功能。

一．颜色

1. 框架提供了主色调、场景色和极简中性色风格的十六进制颜色代码参考；

2. 内置了七种背景色的 CSS 快捷样式，分别如下：

layui
layui
layui
layui
layui
layui
layui

二．图标

1. 框架内置了很多常用的小图标，首先需要定义 layui-icon ，然后根据具体再定义；

PS：一般用来插入小图标即可，如果想要让图标变大，可以设置 css 文字大小；
.layui-icon {
font-size: 50px;
color : #666;
}

三．动画

1. 小图标中 loading... 我们希望能动起来，可以结合框架的动画功能；

PS ： layui-anim 是动画定义， rotate 是旋转， loop 是循环；

2. 除了 rotate 旋转方式，还有更多的动画效果方式，如下：