Background背景

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

简单使用

使用_bg即可给元素添加舞台色背景(白色),使用*-lt后缀即可给元素添加浅色背景。该样式只修改background-color属性。

_bg_bg-lt效果与_bg-stage_bg-stage-lt相同。

颜色主题

纯色背景分为深色和浅色,深色背景样式类有:_bg-prim_bg-error_bg-succ_bg-info_bg-warn_bg-issue_bg-text_bg-brief_bg-ignore,追加-lt后缀即为浅色背景。

另外框架还提供了网页body背景颜色样式:_bg-stage(纯白色);和深色背景色:_bg-mask(纯黑色)。

  • 输出
  • 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 舞台色背景(同stage) <div class="_bg"></div>
_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背景色(白色) -
_bg-mask 遮罩色(黑色) -