ion-badge
徽章是通常出现在另一个元素附近的内联块元素。它们通常包含数字或其他字符。它们可以用作通知，表明与某个元素关联的其他项目，并指示有多少项目。如果未传入内容，则徽章将隐藏。
基本用法
主题
颜色
CSS 属性
属性
color
| 描述 | 要从应用程序的颜色调色板中使用的颜色。默认选项包括："primary"、"secondary"、"tertiary"、"success"、"warning"、"danger"、"light"、"medium" 和 "dark"。有关颜色的更多信息，请参阅 主题。 |
| 属性 | color |
| 类型 | "danger" ｜ "dark" ｜ "light" ｜ "medium" ｜ "primary" ｜ "secondary" ｜ "success" ｜ "tertiary" ｜ "warning" ｜ string ｜ undefined |
| 默认值 | undefined |
mode
| 描述 | 模式决定使用哪个平台样式。 |
| 属性 | mode |
| 类型 | "ios" ｜ "md" |
| 默认值 | undefined |
事件
此组件没有可用事件。
方法
此组件没有可用的公共方法。
CSS 阴影部分
此组件没有可用的 CSS 阴影部分。
CSS 自定义属性
- iOS
- MD
| 名称 | 描述 |
|---|---|
--background | 徽章的背景 |
--color | 徽章的文本颜色 |
--padding-bottom | 徽章的底部填充 |
--padding-end | 如果方向为从左到右，则为徽章的右侧填充；如果方向为从右到左，则为徽章的左侧填充 |
--padding-start | 如果方向为从左到右，则为徽章的左侧填充；如果方向为从右到左，则为徽章的右侧填充 |
--padding-top | 徽章的顶部填充 |
| 名称 | 描述 |
|---|---|
--background | 徽章的背景 |
--color | 徽章的文本颜色 |
--padding-bottom | 徽章的底部填充 |
--padding-end | 如果方向为从左到右，则为徽章的右侧填充；如果方向为从右到左，则为徽章的左侧填充 |
--padding-start | 如果方向为从左到右，则为徽章的左侧填充；如果方向为从右到左，则为徽章的右侧填充 |
--padding-top | 徽章的顶部填充 |
插槽
此组件没有可用插槽。