github
/
ant-design-vue
mirror of https://github.com/vueComponent/ant-design-vue
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix: badge dot status position not correct #2121

pull/2150/head
tanjinzhou 2020-04-23 11:45:05 +08:00
parent bf52f73c5c
commit c018b7ec06
2 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/badge/Badge.jsx
View File

@ -81,8 +81,10 @@ export default {
}, },
getBadgeClassName(prefixCls) { getBadgeClassName(prefixCls) {
const children = filterEmpty(this.$slots.default); const children = filterEmpty(this.$slots.default);
const hasStatus = this.hasStatus();
return classNames(prefixCls, { return classNames(prefixCls, {
[`${prefixCls}-status`]: this.hasStatus(), [`${prefixCls}-status`]: hasStatus,
[`${prefixCls}-dot-status`]: hasStatus && this.dot && !this.isZero(),
[`${prefixCls}-not-a-wrapper`]: !children.length, [`${prefixCls}-not-a-wrapper`]: !children.length,
}); });
}, },

4
components/badge/style/index.less
View File

@ -114,6 +114,10 @@
} }
} }
&-dot-status {
line-height: 1;
}
&-zoom-appear, &-zoom-appear,
&-zoom-enter { &-zoom-enter {
animation: antZoomBadgeIn 0.3s @ease-out-back; animation: antZoomBadgeIn 0.3s @ease-out-back;