index.acss 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. .info-index {
  2. display: block;
  3. height: initial;
  4. }
  5. @import "../common/index.acss";
  6. .info-index .van-info {
  7. position: absolute;
  8. top: 0;
  9. right: 0;
  10. display: -webkit-flex;
  11. display: flex;
  12. -webkit-align-items: center;
  13. align-items: center;
  14. -webkit-justify-content: center;
  15. justify-content: center;
  16. box-sizing: border-box;
  17. white-space: nowrap;
  18. text-align: center;
  19. -webkit-transform: translate(50%, -50%);
  20. transform: translate(50%, -50%);
  21. -webkit-transform-origin: 100%;
  22. transform-origin: 100%;
  23. height: 16px;
  24. height: var(--info-size, 16px);
  25. min-width: 16px;
  26. min-width: var(--info-size, 16px);
  27. padding: 0 3px;
  28. padding: var(--info-padding, 0 3px);
  29. color: #fff;
  30. color: var(--info-color, #fff);
  31. font-weight: 500;
  32. font-weight: var(--info-font-weight, 500);
  33. font-size: 12px;
  34. font-size: var(--info-font-size, 12px);
  35. font-family: -apple-system-font, Helvetica Neue, Arial, sans-serif;
  36. font-family: var(
  37. --info-font-family,
  38. -apple-system-font,
  39. Helvetica Neue,
  40. Arial,
  41. sans-serif
  42. );
  43. background-color: #ee0a24;
  44. background-color: var(--info-background-color, #ee0a24);
  45. border: 1px solid #fff;
  46. border: var(--info-border-width, 1px) solid var(--white, #fff);
  47. border-radius: 16px;
  48. border-radius: var(--info-size, 16px);
  49. }
  50. .info-index .van-info--dot {
  51. min-width: 1px;
  52. border-radius: 100%;
  53. width: 8px;
  54. width: var(--info-dot-size, 8px);
  55. height: 8px;
  56. height: var(--info-dot-size, 8px);
  57. background-color: #ee0a24;
  58. background-color: var(--info-dot-color, #ee0a24);
  59. }