离子徽章
徽章是内联块元素,通常在另一个元素附近出现。通常,它们包含一个数字或其他字符。它们可以用作通知,即有与元素相关的其他项目,并指出存在多少项。
用法
<! - 默认 - >
<
离子徽章
>
99.
离子徽章
>
<! - 颜色 - >
<
离子徽章
颜色
=
“
基本的
“
>
11.
离子徽章
>
<
离子徽章
颜色
=
“
中学
“
>
22.
离子徽章
>
<
离子徽章
颜色
=
“
第三
“
>
33.
离子徽章
>
<
离子徽章
颜色
=
“
成功
“
>
44.
离子徽章
>
<
离子徽章
颜色
=
“
警告
“
>
55.
离子徽章
>
<
离子徽章
颜色
=
“
危险
“
>
66.
离子徽章
>
<
离子徽章
颜色
=
“
光
“
>
77.
离子徽章
>
<
离子徽章
颜色
=
“
中等的
“
>
88.
离子徽章
>
<
离子徽章
颜色
=
“
黑暗的
“
>
99.
离子徽章
>
<! - 左右徽章的项目 - >
<
离子项目
>
<
离子徽章
投币口
=
“
开始
“
>
11.
离子徽章
>
<
离子标签
>
我的项目
离子标签
>
<
离子徽章
投币口
=
“
结尾
“
>
22.
离子徽章
>
离子项目
>
复制
复制
<! - 默认 - >
<
离子徽章
>
99.
离子徽章
>
<! - 颜色 - >
<
离子徽章
颜色
=
“
基本的
“
>
11.
离子徽章
>
<
离子徽章
颜色
=
“
中学
“
>
22.
离子徽章
>
<
离子徽章
颜色
=
“
第三
“
>
33.
离子徽章
>
<
离子徽章
颜色
=
“
成功
“
>
44.
离子徽章
>
<
离子徽章
颜色
=
“
警告
“
>
55.
离子徽章
>
<
离子徽章
颜色
=
“
危险
“
>
66.
离子徽章
>
<
离子徽章
颜色
=
“
光
“
>
77.
离子徽章
>
<
离子徽章
颜色
=
“
中等的
“
>
88.
离子徽章
>
<
离子徽章
颜色
=
“
黑暗的
“
>
99.
离子徽章
>
<! - 左右徽章的项目 - >
<
离子项目
>
<
离子徽章
投币口
=
“
开始
“
>
11.
离子徽章
>
<
离子标签
>
我的项目
离子标签
>
<
离子徽章
投币口
=
“
结尾
“
>
22.
离子徽章
>
离子项目
>
复制
复制
进口
反应
从
'反应'
;
进口
{
IonBadge.
那
IoniTem.
那
Ionlabel.
那
离子联系
}
从
'@betway东盟体育app离子/反应'
;
出口
Const.
糟糕的东西
:
反应
。
FC.
=
(
的)
=>
(
<
离子联系
>
{
/* - 默认 - */
}
<
IonBadge.
>
99.
IonBadge.
>
{
/* - 颜色 - */
}
<
IonBadge.
颜色
=
“
基本的
“
>
11.
IonBadge.
>
<
IonBadge.
颜色
=
“
中学
“
>
22.
IonBadge.
>
<
IonBadge.
颜色
=
“
第三
“
>
33.
IonBadge.
>
<
IonBadge.
颜色
=
“
成功
“
>
44.
IonBadge.
>
<
IonBadge.
颜色
=
“
警告
“
>
55.
IonBadge.
>
<
IonBadge.
颜色
=
“
危险
“
>
66.
IonBadge.
>
<
IonBadge.
颜色
=
“
光
“
>
77.
IonBadge.
>
<
IonBadge.
颜色
=
“
中等的
“
>
88.
IonBadge.
>
<
IonBadge.
颜色
=
“
黑暗的
“
>
99.
IonBadge.
>
{
/ * - 左右徽章和右侧的项目 - * /
}
<
IoniTem.
>
<
IonBadge.
投币口
=
“
开始
“
>
11.
IonBadge.
>
<
Ionlabel.
>
我的项目
Ionlabel.
>
<
IonBadge.
投币口
=
“
结尾
“
>
22.
IonBadge.
>
IoniTem.
>
离子联系
>
的)
;
复制
复制
进口
{
成分
那
H
}
从
'@模板/核心'
;
@
成分
(
{
标签
:
'徽章 - 例'
那
styleurl.
:
'badge-example.css'
}
的)
出口
班级
糟糕的东西
{
使成为
(
的)
{
返回
[
// 默认
<
离子徽章
>
99.
离子徽章
>
那
// 颜色
<
离子徽章
颜色
=
“
基本的
“
>
11.
离子徽章
>
那
<
离子徽章
颜色
=
“
中学
“
>
22.
离子徽章
>
那
<
离子徽章
颜色
=
“
第三
“
>
33.
离子徽章
>
那
<
离子徽章
颜色
=
“
成功
“
>
44.
离子徽章
>
那
<
离子徽章
颜色
=
“
警告
“
>
55.
离子徽章
>
那
<
离子徽章
颜色
=
“
危险
“
>
66.
离子徽章
>
那
<
离子徽章
颜色
=
“
光
“
>
77.
离子徽章
>
那
<
离子徽章
颜色
=
“
中等的
“
>
88.
离子徽章
>
那
<
离子徽章
颜色
=
“
黑暗的
“
>
99.
离子徽章
>
那
//左右徽章的项目
<
离子项目
>
<
离子徽章
投币口
=
“
开始
“
>
11.
离子徽章
>
<
离子标签
>
我的项目
离子标签
>
<
离子徽章
投币口
=
“
结尾
“
>
22.
离子徽章
>
离子项目
>
]
;
}
}
复制
复制
<
模板
>
<! - 默认 - >
<
离子徽章
>
99.
离子徽章
>
<! - 颜色 - >
<
离子徽章
颜色
=
“
基本的
“
>
11.
离子徽章
>
<
离子徽章
颜色
=
“
中学
“
>
22.
离子徽章
>
<
离子徽章
颜色
=
“
第三
“
>
33.
离子徽章
>
<
离子徽章
颜色
=
“
成功
“
>
44.
离子徽章
>
<
离子徽章
颜色
=
“
警告
“
>
55.
离子徽章
>
<
离子徽章
颜色
=
“
危险
“
>
66.
离子徽章
>
<
离子徽章
颜色
=
“
光
“
>
77.
离子徽章
>
<
离子徽章
颜色
=
“
中等的
“
>
88.
离子徽章
>
<
离子徽章
颜色
=
“
黑暗的
“
>
99.
离子徽章
>
<! - 左右徽章的项目 - >
<
离子项目
>
<
离子徽章
投币口
=
“
开始
“
>
11.
离子徽章
>
<
离子标签
>
我的项目
离子标签
>
<
离子徽章
投币口
=
“
结尾
“
>
22.
离子徽章
>
离子项目
>
模板
>
<
脚本
>
进口
{
IonBadge.
那
IoniTem.
那
Ionlabel.
}
从
'@betway东盟体育app ionic / vue'
;
进口
{
绝缘组分
}
从
'vue'
;
出口
默认
绝缘组分
(
{
成分
:
{
IonBadge.
那
IoniTem.
那
Ionlabel.
}
}
的)
;
脚本
>
复制
复制
特性
颜色 |
|
---|---|
描述 |
从应用程序的颜色调色板使用的颜色。默认选项是: |
属性 |
颜色 |
类型 |
字符串|不明确的 |
模式 |
|
描述 |
该模式确定要使用的平台样式。 |
属性 |
模式 |
类型 |
“ios”|“MD” |
CSS自定义属性
姓名 | 描述 |
---|---|
- 背景 |
徽章的背景 |
- 颜色 |
徽章的文本颜色 |
- 底部 |
壁垒的底部填充 |
- 结束 |
右填充如果方向是左右的,并且如果方向是徽章的左侧的左侧填充 |
- 划分开始 |
左填充如果方向是左右的,并且如果方向是右侧到左侧的右侧填充 |
- 顶部 |
徽章的顶级填充 |