背景
背景颜色
用于控制元素背景色的功能类。
语法
Class | Properties | 平台兼容性说明 |
---|---|---|
H5、小程序、app-vue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue |
Grey / 中性灰
Class | Properties | 平台兼容性说明 |
---|---|---|
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue |
Red / 浪漫红
Class | Properties | 平台兼容性说明 |
---|---|---|
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue |
Orangered / 晚秋红
Class | Properties | 平台兼容性说明 |
---|---|---|
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue |
Orange / 活力橙
Class | Properties | 平台兼容性说明 |
---|---|---|
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue |
Gold / 黄昏色
Class | Properties | 平台兼容性说明 |
---|---|---|
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue |
Yellow / 柠檬黄
Class | Properties | 平台兼容性说明 |
---|---|---|
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue |
Lime / 新生绿
Class | Properties | 平台兼容性说明 |
---|---|---|
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue |
Green / 翡翠绿
Class | Properties | 平台兼容性说明 |
---|---|---|
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue |
Cyan / 碧涛青
Class | Properties | 平台兼容性说明 |
---|---|---|
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue |
Blue / 海空蓝
Class | Properties | 平台兼容性说明 |
---|---|---|
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue |
Deepblue / 极致蓝
Class | Properties | 平台兼容性说明 |
---|---|---|
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue |
Purple / 暗夜紫
Class | Properties | 平台兼容性说明 |
---|---|---|
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue |
Pinkpurple / 青春紫
Class | Properties | 平台兼容性说明 |
---|---|---|
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue |
magenta / 品红色
Class | Properties | 平台兼容性说明 |
---|---|---|
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue |
功能色
使用场景
- 0-白底悬浮
- 1-文字禁用
- 2-一般禁用
- 3-特殊场景
- 5-常规使用
- 6-点击状态
Primary-品牌色
Class | Properties | 平台兼容性说明 |
---|---|---|
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue |
Success-成功色
Class | Properties | 平台兼容性说明 |
---|---|---|
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue |
Danger / 危险色
Class | Properties | 平台兼容性说明 |
---|---|---|
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue |
Warning / 警告色
Class | Properties | 平台兼容性说明 |
---|---|---|
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue |
Link / 链接色
Class | Properties | 平台兼容性说明 |
---|---|---|
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue |
Info / 信息色
Class | Properties | 平台兼容性说明 |
---|---|---|
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue | ||
H5、小程序、app-vue、app-nvue |