123456789101112131415161718192021222324252627 |
- .@{elNamespace}-badge{
- --el-badge-padding: 4px;
- --el-badge-size: 16px;
- &__content{
- // 为设置border-box导致边框的1被加入,dot变为10px*10px badge 20px*20px
- box-sizing: border-box;
- border: none;
- min-width: 16px;
- //box-shadow: 0 0 0 1px #fff;
- &.is-fixed{
- //right: calc(1px + var(--el-badge-size)/ 2)
- right: 0; //calc(1px + 25%);
- transform: translate(50%, -50%);
- }
- &.is-dot{
- // 将原8px修改为6px的圆点
- @size: 6px;
- width: @size;
- height: @size;
- min-width: @size;
- &.is-fixed{
- right: 0;
- //right: (@size / 2);
- }
- }
- }
- }
|