index.css 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. @import '../common/index.css';
  2. .van-info {
  3. position: absolute;
  4. top: 0;
  5. right: 0;
  6. box-sizing: border-box;
  7. white-space: nowrap;
  8. text-align: center;
  9. -webkit-transform: translate(50%, -50%);
  10. transform: translate(50%, -50%);
  11. -webkit-transform-origin: 100%;
  12. transform-origin: 100%;
  13. min-width: 16px;
  14. min-width: var(--info-size, 16px);
  15. padding: 0 3px;
  16. padding: var(--info-padding, 0 3px);
  17. color: #fff;
  18. color: var(--info-color, #fff);
  19. font-weight: 500;
  20. font-weight: var(--info-font-weight, 500);
  21. font-size: 12px;
  22. font-size: var(--info-font-size, 12px);
  23. font-family: Avenir-Heavy, PingFang SC, Helvetica Neue, Arial, sans-serif;
  24. font-family: var(--info-font-family, Avenir-Heavy, PingFang SC, Helvetica Neue, Arial, sans-serif);
  25. line-height: 14px;
  26. line-height: calc(var(--info-size, 16px) - var(--info-border-width, 1px) * 2);
  27. background-color: #ee0a24;
  28. background-color: var(--info-background-color, #ee0a24);
  29. border: 1px solid #fff;
  30. border: var(--info-border-width, 1px) solid var(--white, #fff);
  31. border-radius: 16px;
  32. border-radius: var(--info-size, 16px);
  33. }
  34. .van-info--dot {
  35. min-width: 0;
  36. border-radius: 100%;
  37. width: 8px;
  38. width: var(--info-dot-size, 8px);
  39. height: 8px;
  40. height: var(--info-dot-size, 8px);
  41. background-color: #ee0a24;
  42. background-color: var(--info-dot-color, #ee0a24);
  43. }