mirror of
https://github.com/ant-design/ant-design.git
synced 2024-11-28 05:05:48 +08:00
update badge
This commit is contained in:
parent
d60ffeeafe
commit
3165da4246
@ -39,6 +39,7 @@ AntBadge.defaultProps = {
|
||||
};
|
||||
|
||||
AntBadge.propTypes = {
|
||||
count: React.PropTypes.number,
|
||||
dot: React.PropTypes.bool
|
||||
};
|
||||
|
||||
|
@ -1,16 +1,16 @@
|
||||
# Badge
|
||||
|
||||
- category: Components
|
||||
- chinese: 徽标数字
|
||||
- chinese: 徽标数
|
||||
- type: 展示
|
||||
|
||||
---
|
||||
|
||||
图标右上角的徽标数字。
|
||||
图标右上角的圆形徽标数字。
|
||||
|
||||
## 何时使用
|
||||
|
||||
一般出现在通知图标或头像的右上角,用于显示需要处理的消息条数。
|
||||
一般出现在通知图标或头像的右上角,用于显示需要处理的消息条数,通过醒目视觉形式吸引用户处理。
|
||||
|
||||
## API
|
||||
|
||||
|
@ -21,12 +21,6 @@
|
||||
transition: all 0.3s ease;
|
||||
z-index: 10;
|
||||
font-family: tahoma;
|
||||
&:hover {
|
||||
background: tint(@error-color, 20%);
|
||||
}
|
||||
&:active {
|
||||
background: shade(@error-color, 5%);
|
||||
}
|
||||
a, a:hover {
|
||||
color: #fff;
|
||||
}
|
||||
@ -44,3 +38,12 @@
|
||||
z-index: 10;
|
||||
}
|
||||
}
|
||||
|
||||
a .@{badge-prefix-cls} {
|
||||
&-count:hover {
|
||||
background: tint(@error-color, 20%);
|
||||
}
|
||||
&-count:active {
|
||||
background: shade(@error-color, 5%);
|
||||
}
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user