State Colors 状态色

状态 Class 后缀 Class 示例 预览
Success *-success btn-success e-font-success success success
Info *-info btn-info e-font-info info info
Warning *-warning btn-warning e-font-warning warning warning
Danger *-danger btn-danger e-font-danger danger danger
Primary *-primary btn-primary e-font-primary primary primary
Brand *-brand btn-brand e-font-brand brand brand
Dark *-dark btn-dark e-font-dark dark dark
Light *-light btn-light e-font-light light light

Base Colors

级别 Class 示例 预览
Label Classes
Level 1 e-label-font-color-1  e-label-bg-color-1 字体颜色 背景颜色
Level 2 e-label-font-color-2  e-label-bg-color-2 字体颜色   背景颜色
Level 3 e-label-font-color-3  e-label-bg-color-3 字体颜色   背景颜色
Level 4 e-label-font-color-4  e-label-bg-color-4 字体颜色   背景颜色
Shape Classes
Level 1 e-shape-font-color-1  e-shape-bg-color-1 字体颜色   背景颜色
Level 2 e-shape-font-color-2  e-shape-bg-color-2 字体颜色   背景颜色
Level 3 e-shape-font-color-3  e-shape-bg-color-3 字体颜色   背景颜色
Level 4 e-shape-font-color-4  e-shape-bg-color-4 字体颜色   背景颜色

Typography 排版

可以在所有排版中使用State Color
Success state text  Info state text

Warning state text  Danger state text  Primary state text  Focus state text Dark state text Light state text
可以在所有排版中使用Base Color
Label color level 4   Label color level 3   Label color level 2   Label color level 1

Button 按钮

Alert 提示

Progress 进度条

25%