1. 常用主色
1.1. layui主要是以象征包容的墨绿作为主色调, 由于它给人以深沉感, 所以通常会以浅黑色的作为其陪衬, 又会以蓝色这种比较鲜艳的色调来弥补它的色觉疲劳, 整体让人清新自然, 愈发耐看。
2. 场景色
2.1. 事实上, layui并非不敢去尝试一些亮丽的颜色, 但许多情况下一个它可能并不是那么合适, 所以我们把这些颜色归为"场景色", 即按照实际场景来呈现对应的颜色, 比如你想给人以警觉感, 可以尝试用上面的红色。他们一般会出现在layui的按钮、提示和修饰性元素, 以及一些侧边元素上。
3. 极简中性色
3.1. layui认为灰色系代表极简, 因为这是一种神奇的颜色, 几乎可以与任何元素搭配, 不易形成视觉疲劳, 且永远不会过时。低调而优雅!他们一般用于背景、边框等。
4. 内置的背景色CSS类
4.1. layui内置了七种背景色, 以便你用于各种元素中, 如: 徽章、分割线、导航等等。
4.2. layui内置了七种背景色的十六进制颜色值
- 赤色: class="layui-bg-red"的十六进制颜色值是: #FF5722。
- 橙色: class="layui-bg-orange"的十六进制颜色值是: #FFB800。
- 墨绿: class="layui-bg-green"的十六进制颜色值是: #009688。
- 藏青: class="layui-bg-cyan"的十六进制颜色值是: #2F4056。
- 蓝色: class="layui-bg-blue"的十六进制颜色值是: #1E9FFF。
- 雅黑: class="layui-bg-black"的十六进制颜色值是: #393D49。
- 银灰: class="layui-bg-gray"的十六进制颜色值是: #EEEEEE。