尺寸
| 字号 | 标签高度 | 圆角 | 示例 | 说明 |
|---|---|---|---|---|
| 14px | 24px | 2px |  |
宽度由内容撑开，内边距为8px |
| 24px |  |
| 字号 | 标签高度 | 圆角 | 示例 | 说明 |
|---|---|---|---|---|
| 14px | 20px | 2px |  |
宽度由内容撑开，内边距为8px |
| 20px |  |
| 字号 | 标签高度 | 圆角 | 示例 | 说明 |
|---|---|---|---|---|
| 12px | 18px | 2px |  |
宽度由内容撑开，内边距为4px |
| 18px |  |
颜色
标签样式 |
|||||||
|---|---|---|---|---|---|---|---|
|
标签
|
标签
|
标签
|
标签
|
||||
第一选择 |
||||
|---|---|---|---|---|
| 样式一 | 样式二 | 文字颜色 | 背景颜色 | |
|
标签
|
标签
|
#1890ff | rgba(24, 144, 255, .1) | |
|
标签
|
标签
|
#EF5757 | rgba(239, 87, 87, .1) | |
|
标签
|
标签
|
#F68330 | rgba(246, 131, 48, .1) | |
|
标签
|
标签
|
#60B971 | rgba(96, 185, 113, .1) | |
|
标签
|
标签
|
#05B1AC | rgba(5, 177, 172, .1) | |
|
标签
|
标签
|
#5473C9 | rgba(84, 115, 201, .1) | |
|
标签
|
标签
|
#533FB1 | rgba(83, 63, 177, .1) | |
第二选择 |
||||
|---|---|---|---|---|
| 样式一 | 样式二 | 文字颜色 | 背景颜色 | 描边颜色 |
|
默认
|
默认
|
#1890FF | rgba(24, 144, 255, .1) | rgba(24, 144, 255, .4) |
|
默认
|
默认
|
#EF5757 | rgba(239, 87, 87, .1) | rgba(239, 87, 87, .4) |
|
默认
|
默认
|
#F68330 | rgba(246, 131, 48, .1) | rgba(246, 131, 48, .4) |
|
默认
|
默认
|
#60B971 | rgba(96, 185, 113, .1) | rgba(96, 185, 113, .4) |
|
默认
|
默认
|
#05B1AC | rgba(5, 177, 172, .1) | rgba(5, 177, 172, .4) |
|
默认
|
默认
|
#5473C9 | rgba(84, 115, 201, .1) | rgba(84, 115, 201, .4) |
|
默认
|
默认
|
#533FB1 | rgba(83, 63, 177, .1) | rgba(83, 63, 177, .4) |
第三选择 |
||||
|---|---|---|---|---|
| 样式一 | 样式二 | 文字颜色 | 背景颜色 | |
|
标签
|
标签
|
#FFFFFF | #1890ff | |
|
标签
|
标签
|
#FFFFFF | #EF5757 | |
|
标签
|
标签
|
#FFFFFF | #F68330 | |
|
标签
|
标签
|
#FFFFFF | #60B971 | |
|
标签
|
标签
|
#FFFFFF | #05B1AC | |
|
标签
|
标签
|
#FFFFFF | #5473C9 | |
|
标签
|
标签
|
#FFFFFF | #533FB1 | |
可关闭标签
| 示例 | 字号 | 标签高度 | 内边距 | 圆角 | 文字颜色 | 背景颜色 | 边框颜色 | icon颜色 |
|---|---|---|---|---|---|---|---|---|
 |
14px | 24px | 4px | 2px | #797A80 | #EFF1F5 | #C2C4CC | #797A80 |
 |
14px | 20px | 4px | 2px | ||||
 |
12px | 18px | 4px | 2px |