u-badge.wxss 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  1. /**
  2. * uni-app内置的常用样式变量
  3. */
  4. /* 行为相关颜色 */
  5. /* 文字基本颜色 */
  6. /* 背景颜色 */
  7. /* 边框颜色 */
  8. /* 尺寸变量 */
  9. /* 文字尺寸 */
  10. /* 图片尺寸 */
  11. /* Border Radius */
  12. /* 水平间距 */
  13. /* 垂直间距 */
  14. /* 透明度 */
  15. /* 文章场景相关 */
  16. .u-empty.data-v-aa9883b1,
  17. .u-empty__wrap.data-v-aa9883b1,
  18. .u-tabs.data-v-aa9883b1,
  19. .u-tabs__wrapper.data-v-aa9883b1,
  20. .u-tabs__wrapper__scroll-view-wrapper.data-v-aa9883b1,
  21. .u-tabs__wrapper__scroll-view.data-v-aa9883b1,
  22. .u-tabs__wrapper__nav.data-v-aa9883b1,
  23. .u-tabs__wrapper__nav__line.data-v-aa9883b1,
  24. .up-empty.data-v-aa9883b1,
  25. .up-empty__wrap.data-v-aa9883b1,
  26. .up-tabs.data-v-aa9883b1,
  27. .up-tabs__wrapper.data-v-aa9883b1,
  28. .up-tabs__wrapper__scroll-view-wrapper.data-v-aa9883b1,
  29. .up-tabs__wrapper__scroll-view.data-v-aa9883b1,
  30. .up-tabs__wrapper__nav.data-v-aa9883b1,
  31. .up-tabs__wrapper__nav__line.data-v-aa9883b1 {
  32. display: flex;
  33. flex-direction: column;
  34. flex-shrink: 0;
  35. flex-grow: 0;
  36. flex-basis: auto;
  37. align-items: stretch;
  38. align-content: flex-start;
  39. }
  40. .u-badge.data-v-aa9883b1 {
  41. border-top-right-radius: 100px;
  42. border-top-left-radius: 100px;
  43. border-bottom-left-radius: 100px;
  44. border-bottom-right-radius: 100px;
  45. display: flex;
  46. flex-direction: row;
  47. line-height: 11px;
  48. text-align: center;
  49. font-size: 11px;
  50. color: #FFFFFF;
  51. }
  52. .u-badge--dot.data-v-aa9883b1 {
  53. height: 8px;
  54. width: 8px;
  55. }
  56. .u-badge--inverted.data-v-aa9883b1 {
  57. font-size: 13px;
  58. }
  59. .u-badge--not-dot.data-v-aa9883b1 {
  60. padding: 2px 5px;
  61. }
  62. .u-badge--horn.data-v-aa9883b1 {
  63. border-bottom-left-radius: 0;
  64. }
  65. .u-badge--primary.data-v-aa9883b1 {
  66. background-color: #3c9cff;
  67. }
  68. .u-badge--primary--inverted.data-v-aa9883b1 {
  69. color: #3c9cff;
  70. }
  71. .u-badge--error.data-v-aa9883b1 {
  72. background-color: #f56c6c;
  73. }
  74. .u-badge--error--inverted.data-v-aa9883b1 {
  75. color: #f56c6c;
  76. }
  77. .u-badge--success.data-v-aa9883b1 {
  78. background-color: #5ac725;
  79. }
  80. .u-badge--success--inverted.data-v-aa9883b1 {
  81. color: #5ac725;
  82. }
  83. .u-badge--info.data-v-aa9883b1 {
  84. background-color: #909399;
  85. }
  86. .u-badge--info--inverted.data-v-aa9883b1 {
  87. color: #909399;
  88. }
  89. .u-badge--warning.data-v-aa9883b1 {
  90. background-color: #f9ae3d;
  91. }
  92. .u-badge--warning--inverted.data-v-aa9883b1 {
  93. color: #f9ae3d;
  94. }