jimu-mobile/src/styles/jimu-badge.less

积木组件库助力移动端开发

.jimu-badge{background: @fill-danger;width: @badge-spot-size;height: @badge-spot-size;border-radius: 100%;display: inline-block;vertical-align: middle;position: absolute;top:0;right:0;}
.jimu-badge-full{height: @badge-box-size;padding:0 5px;border-radius: @badge-box-size;width: auto;color:@color-text-base-inverse;line-height: @badge-box-size;font-size: @font-size-caption-sm;overflow: hidden;min-width:@badge-box-size;text-align: center;position: static; }
.jimu-badge-small{top:-@badge-spot-size;right:-@badge-spot-size;}
.jimu-badge-middle{top:-@badge-spot-size / 2;right:-@badge-spot-size /2;}
.jimu-badge-big{top:0px;right:0px;}