badge.less 649 B

123456789101112131415161718192021222324252627
  1. .@{elNamespace}-badge{
  2. --el-badge-padding: 4px;
  3. --el-badge-size: 16px;
  4. &__content{
  5. // 为设置border-box导致边框的1被加入,dot变为10px*10px badge 20px*20px
  6. box-sizing: border-box;
  7. border: none;
  8. min-width: 16px;
  9. //box-shadow: 0 0 0 1px #fff;
  10. &.is-fixed{
  11. //right: calc(1px + var(--el-badge-size)/ 2)
  12. right: 0; //calc(1px + 25%);
  13. transform: translate(50%, -50%);
  14. }
  15. &.is-dot{
  16. // 将原8px修改为6px的圆点
  17. @size: 6px;
  18. width: @size;
  19. height: @size;
  20. min-width: @size;
  21. &.is-fixed{
  22. right: 0;
  23. //right: (@size / 2);
  24. }
  25. }
  26. }
  27. }