首页
产品
AtomUI Pro 组件库 AtomUI X 高级表格 AtomIdea Studio
开发者
文档技术博客 AtomUI OSS 常见问题
许可
AtomUI 许可购买
公司
企业介绍公司动态

首页
产品
开发者
许可
- AtomUI 许可购买
公司
- 企业介绍
- 公司动态

概述
更新日志
- 概述
- 版本更新
快速入门
- 概述
- AtomUI Gallery 控件库体验
- 安装
- 开发第一个 AtomUI 应用
基础概念
开发
参考手册
- 组件
  - 概述
  - Alert
    - 概述
    - 快速开始
    - 基础用法
    - 带有图标
    - 文案滚动
    - 自定义行为
  - Avatar
    - 概述
    - 快速开始
    - 多类型
    - 带徽标
    - 组合头像
    - 设置间距
  - Badge
    - 概述
    - 快速开始
    - 基础用法
    - 独立使用
    - 状态点
    - 动态展示
    - 红点模式
    - 缎带模式
  - BoxPanel
    - 概述
    - 快速开始
  - Breadcrumb
    - 概述
    - 快速开始
  - Button
    - Overview
    - Getting Started
    - Block Button
    - Danger Button
    - Disabled Button
    - Ghost Button
    - Loading Button
    - Button with Icon
  - Button Spinner
    - 概述
    - 快速开始
  - Calendar
    - 概述
    - 快速开始
  - Card
    - 概述
    - 快速开始
    - 无边框卡片
    - 简洁卡片
    - 带标签页的卡片
    - 栅格卡片
    - 栅格列卡片
    - 自定义卡片
    - 复杂卡片
    - 加载中卡片
  - CheckBox
    - 概述
    - 快速开始
    - 控制复选框
    - 复选框组
    - 栅格中的复选框
    - 全选/反选控制
  - ComboBox
    - 概述
    - 快速开始
  - DatePicker
    - 概述
    - 快速开始
  - Dialog
    - 概述
    - 快速开始
    - 自定义页脚
    - 异步逻辑处理
    - 自动关闭
    - 加载状态
    - 按钮属性
  - Drawer
    - 概述
    - 快速开始
    - 预设
    - 自定义位置
    - 内部展示
    - 额外的页眉与页脚
    - 多层抽屉
  - DropdownButton
    - 概述
    - 快速开始
  - Empty
    - 概述
    - 快速开始
  - GroupBox
    - 概述
    - 快速开始
  - Icons
    - 概述
  - InfoFlyout
    - 概述
    - 快速开始
    - 触发方式
    - 位置
    - 箭头
  - LineEdit
    - 概述
    - 快速开始
    - 前缀与后缀
    - 搜索框
    - 密码框
    - 清除图标
  - ListBox
    - 概述
    - 快速开始
  - LoadingIndicator
    - 概述
    - 快速开始
    - 自定义旋转指示器
    - 加载遮罩
  - Menu
    - 概述
    - 快速开始
    - 顶部导航
    - 垂直菜单
    - 可滚动菜单
    - 带图标
    - 单选与复选框
    - 默认展开
    - 切换菜单类型
    - 通过 ItemsSource 导航菜单
    - 上下文菜单
  - Message
    - 概述
    - 快速开始
    - 动态支持
  - Notification
    - 概述
    - 快速开始
    - 图标通知
    - 永不关闭的通知
    - 暂停
    - 位置
  - NumberUpDown
    - 概述
    - 快速开始
    - 高级用法
  - Pagination
    - 概述
    - 快速开始
  - Palette
    - 概述
  - PopupConfirm
    - 概述
    - 快速开始
  - ProgressBar
    - 概述
    - 快速开始
    - 动态进度
    - 成功状态
    - 线型选项
    - 垂直显示
    - 仪表盘
    - 改变位置值
    - 步骤进度条
  - RadioButton
    - 概述
    - 快速开始
    - 按钮样式
  - Segmented
    - 概述
    - 快速开始
    - 图标
  - Separator
    - 概述
    - 快速开始
    - 标题分隔符
    - 变体分隔符
    - 垂直分隔符
  - Skeleton
    - 概述
    - 快速开始
    - 高级用法
  - Slider
    - 概述
    - 快速开始
    - 渐变
    - 提示
    - 垂直
  - SplitButton
    - 概述
    - 快速开始
    - 图标
    - 尺寸
    - 危险按钮
    - 触发方式
  - Steps
    - 概述
    - 快速开始
    - 可点击
    - 点状样式
    - 内联步骤
    - 标签放置
    - 导航步骤
    - 状态
    - 切换步骤
    - 垂直步骤
    - 带进度
  - TabControl
    - 概述
    - 快速开始
    - 卡片类型
    - 动态标签页
    - 位置
    - 滑块
  - Tag
    - 概述
    - 快速开始
  - TimePicker
    - 概述
    - 快速开始
    - 无边框
    - 格式化
    - 间隔
    - 范围选择
  - Timeline
    - 概述
    - 快速开始
    - 交替显示
    - 切换倒序
  - ToggleSwitch
    - 概述
    - 快速开始
    - 高级用法
  - Tooltip
    - 概述
    - 快速开始
  - TreeView
    - 概述
    - 快速开始
    - 连接线
    - 块级显示
    - 拖拽
  - Watermark
    - 概述
    - 快速开始
    - 图片水印
    - 预览水印

概述
更新日志
- 概述
- 版本更新
快速入门
- 概述
- AtomUI Gallery 控件库体验
- 安装
- 开发第一个 AtomUI 应用
基础概念
开发
参考手册
- 组件
  - 概述
  - Alert
    - 概述
    - 快速开始
    - 基础用法
    - 带有图标
    - 文案滚动
    - 自定义行为
  - Avatar
    - 概述
    - 快速开始
    - 多类型
    - 带徽标
    - 组合头像
    - 设置间距
  - Badge
    - 概述
    - 快速开始
    - 基础用法
    - 独立使用
    - 状态点
    - 动态展示
    - 红点模式
    - 缎带模式
  - BoxPanel
    - 概述
    - 快速开始
  - Breadcrumb
    - 概述
    - 快速开始
  - Button
    - Overview
    - Getting Started
    - Block Button
    - Danger Button
    - Disabled Button
    - Ghost Button
    - Loading Button
    - Button with Icon
  - Button Spinner
    - 概述
    - 快速开始
  - Calendar
    - 概述
    - 快速开始
  - Card
    - 概述
    - 快速开始
    - 无边框卡片
    - 简洁卡片
    - 带标签页的卡片
    - 栅格卡片
    - 栅格列卡片
    - 自定义卡片
    - 复杂卡片
    - 加载中卡片
  - CheckBox
    - 概述
    - 快速开始
    - 控制复选框
    - 复选框组
    - 栅格中的复选框
    - 全选/反选控制
  - ComboBox
    - 概述
    - 快速开始
  - DatePicker
    - 概述
    - 快速开始
  - Dialog
    - 概述
    - 快速开始
    - 自定义页脚
    - 异步逻辑处理
    - 自动关闭
    - 加载状态
    - 按钮属性
  - Drawer
    - 概述
    - 快速开始
    - 预设
    - 自定义位置
    - 内部展示
    - 额外的页眉与页脚
    - 多层抽屉
  - DropdownButton
    - 概述
    - 快速开始
  - Empty
    - 概述
    - 快速开始
  - GroupBox
    - 概述
    - 快速开始
  - Icons
    - 概述
  - InfoFlyout
    - 概述
    - 快速开始
    - 触发方式
    - 位置
    - 箭头
  - LineEdit
    - 概述
    - 快速开始
    - 前缀与后缀
    - 搜索框
    - 密码框
    - 清除图标
  - ListBox
    - 概述
    - 快速开始
  - LoadingIndicator
    - 概述
    - 快速开始
    - 自定义旋转指示器
    - 加载遮罩
  - Menu
    - 概述
    - 快速开始
    - 顶部导航
    - 垂直菜单
    - 可滚动菜单
    - 带图标
    - 单选与复选框
    - 默认展开
    - 切换菜单类型
    - 通过 ItemsSource 导航菜单
    - 上下文菜单
  - Message
    - 概述
    - 快速开始
    - 动态支持
  - Notification
    - 概述
    - 快速开始
    - 图标通知
    - 永不关闭的通知
    - 暂停
    - 位置
  - NumberUpDown
    - 概述
    - 快速开始
    - 高级用法
  - Pagination
    - 概述
    - 快速开始
  - Palette
    - 概述
  - PopupConfirm
    - 概述
    - 快速开始
  - ProgressBar
    - 概述
    - 快速开始
    - 动态进度
    - 成功状态
    - 线型选项
    - 垂直显示
    - 仪表盘
    - 改变位置值
    - 步骤进度条
  - RadioButton
    - 概述
    - 快速开始
    - 按钮样式
  - Segmented
    - 概述
    - 快速开始
    - 图标
  - Separator
    - 概述
    - 快速开始
    - 标题分隔符
    - 变体分隔符
    - 垂直分隔符
  - Skeleton
    - 概述
    - 快速开始
    - 高级用法
  - Slider
    - 概述
    - 快速开始
    - 渐变
    - 提示
    - 垂直
  - SplitButton
    - 概述
    - 快速开始
    - 图标
    - 尺寸
    - 危险按钮
    - 触发方式
  - Steps
    - 概述
    - 快速开始
    - 可点击
    - 点状样式
    - 内联步骤
    - 标签放置
    - 导航步骤
    - 状态
    - 切换步骤
    - 垂直步骤
    - 带进度
  - TabControl
    - 概述
    - 快速开始
    - 卡片类型
    - 动态标签页
    - 位置
    - 滑块
  - Tag
    - 概述
    - 快速开始
  - TimePicker
    - 概述
    - 快速开始
    - 无边框
    - 格式化
    - 间隔
    - 范围选择
  - Timeline
    - 概述
    - 快速开始
    - 交替显示
    - 切换倒序
  - ToggleSwitch
    - 概述
    - 快速开始
    - 高级用法
  - Tooltip
    - 概述
    - 快速开始
  - TreeView
    - 概述
    - 快速开始
    - 连接线
    - 块级显示
    - 拖拽
  - Watermark
    - 概述
    - 快速开始
    - 图片水印
    - 预览水印

参考手册
组件
Badge
概述
正文

概述

更新时间 2025/10/17 23:02:40

# Badge 概述

简介

提供多种多样、类型样式极其丰富的徽标组件，适用于各种场景。特性包括但不限于携带数字的常规徽标、红点徽标、自定义Ribbon等等。

主要功能

数字角标，设定数字溢出，设定数字角标的位置偏移量，支持动态改变数字
红点状样式
丝带样式

目录

简介
主要功能

产品

AtomUI Pro 组件库
AtomUI X 高级表格
AtomIdea Studio
AtomUI 许可

开发者

文档
技术博客
常见问题

公司

企业介绍
公司动态

北京秦派软件科技有限公司是一家致力于开发生产力工具软件的技术公司，成立之初立志要在工具软件领域深耕，践行精益求精的研发精神，努力推出优质的生产力工具软件服务国内外的开发者，提升开发者的工作效率，同时创造出商业价值和社会价值。

北京市海淀区中关村集成电路产业园
contact@qinware.com

京ICP备2024065851号-2
隐私政策
Cookies
服务条款

© 2018 - 2025 北京秦派软件科技有限公司 (Qinware® Technologies Ltd.)

本站基于 .NET 9.0.4 & ABP 9.3.5 技术打造 LumiCMS 系统版本：0.6.6+251121093920