搜索文件 /
阴影

离子徽章

徽章是内联块元素,通常在另一个元素附近出现。通常,它们包含一个数字或其他字符。它们可以用作通知,即有与元素相关的其他项目,并指出存在多少项。

用法


                <! - 默认 - >
               
                  <
                 离子徽章
                 >
               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自定义属性

姓名 描述
- 背景 徽章的背景
- 颜色 徽章的文本颜色
- 底部 壁垒的底部填充
- 结束 右填充如果方向是左右的,并且如果方向是徽章的左侧的左侧填充
- 划分开始 左填充如果方向是左右的,并且如果方向是右侧到左侧的右侧填充
- 顶部 徽章的顶级填充
查看来源
Baidu