index.wxss 955 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. .ant-badge {
  2. display: inline-block;
  3. position: relative;
  4. }
  5. .ant-badge-content {
  6. position: absolute;
  7. display: flex;
  8. height: 14px;
  9. align-self: center;
  10. align-items: center;
  11. font-size: 9px;
  12. padding: 2px 4px;
  13. box-sizing: border-box;
  14. word-break: keep-all;
  15. justify-content: center;
  16. top: 0;
  17. left: 100%;
  18. transform: translate(-50%, -50%);
  19. }
  20. .ant-badge-content-stroke {
  21. border: 1px solid #ffffff;
  22. }
  23. .ant-badge-content-text {
  24. padding-left: 2px;
  25. }
  26. .ant-badge-content-text:empty {
  27. display: none;
  28. }
  29. .ant-badge-content .ant-icon {
  30. font-size: 9px;
  31. color: #ffffff;
  32. }
  33. .ant-badge-content-not-dot {
  34. min-width: 14px;
  35. height: 14px;
  36. border-radius: 14px;
  37. display: flex;
  38. background-color: #ff3141;
  39. }
  40. .ant-badge-dot {
  41. width: 10px;
  42. height: 10px;
  43. border-radius: 50%;
  44. background-color: #ff3141;
  45. }
  46. .ant-badge-dot-stroke {
  47. border: 1px solid #ffffff;
  48. }
  49. .ant-badge-number,
  50. .ant-badge-text,
  51. .ant-badge-bubble {
  52. color: #ffffff;
  53. }