Background背景

通过_bg[-*]样式类单独定义板块的背景色,支持prim、succ、error等色系,另外可使用_bg-stage当前网页背景色系(默认白色)。

简单使用

使用_bg即可给元素添加主色背景,使用_bg-lt即可给元素添加浅色主色背景。该样式只修改background-color属性。

  • 输出
  • HTML
    • _bg
    • _bg-lt
  •                 
                    
                

颜色主题

纯色背景分为深色和浅色,深色背景样式类有:_bg-prim,_bg-error,_bg-succ,_bg-info,_bg-warn,_bg-issue,_bg-text,追加-lt后缀即为浅色背景。

另外框架还提供了网页body背景颜色样式:_bg-stage。

  • 输出
  • HTML
    • _bg-prim
    • _bg-error
    • _bg-succ
    • _bg-info
    • _bg-warn
    • _bg-issue
    • _bg-text
    • _bg-brief
    • _bg-ignore
    • _bg-prim-lt
    • _bg-error-lt
    • _bg-succ-lt
    • _bg-info-lt
    • _bg-warn-lt
    • _bg-issue-lt
    • _bg-text-lt
    • _bg-brief-lt
    • _bg-ignore-lt
  •                 
                    
                

关联类名

本框架定了一组背景样式类,说明如下:

类名 说明 举例
_bg 主色背景 <div class="_bg"></div>
_bg-lt 浅色主色背景 -
_bg-prim[-lt] prim主题背景 -
_bg-error[-lt] error主题背景 -
_bg-succ[-lt] succ主题背景 -
_bg-info[-lt] info主题背景 -
_bg-warn[-lt] warn主题背景 -
_bg-issue[-lt] issue主题背景 -
_bg-text[-lt] text主题背景 -
_bg-brief[-lt] brief主题背景 -
_bg-ignore[-lt] ignore主题背景 -
_bg-stage body背景色(白色) -