u-toast.wxss 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104
  1. /**
  2. * uni-app内置的常用样式变量
  3. */
  4. /* 行为相关颜色 */
  5. /* 文字基本颜色 */
  6. /* 背景颜色 */
  7. /* 边框颜色 */
  8. /* 尺寸变量 */
  9. /* 文字尺寸 */
  10. /* 图片尺寸 */
  11. /* Border Radius */
  12. /* 水平间距 */
  13. /* 垂直间距 */
  14. /* 透明度 */
  15. /* 文章场景相关 */
  16. .u-empty.data-v-2232870a,
  17. .u-empty__wrap.data-v-2232870a,
  18. .u-tabs.data-v-2232870a,
  19. .u-tabs__wrapper.data-v-2232870a,
  20. .u-tabs__wrapper__scroll-view-wrapper.data-v-2232870a,
  21. .u-tabs__wrapper__scroll-view.data-v-2232870a,
  22. .u-tabs__wrapper__nav.data-v-2232870a,
  23. .u-tabs__wrapper__nav__line.data-v-2232870a,
  24. .up-empty.data-v-2232870a,
  25. .up-empty__wrap.data-v-2232870a,
  26. .up-tabs.data-v-2232870a,
  27. .up-tabs__wrapper.data-v-2232870a,
  28. .up-tabs__wrapper__scroll-view-wrapper.data-v-2232870a,
  29. .up-tabs__wrapper__scroll-view.data-v-2232870a,
  30. .up-tabs__wrapper__nav.data-v-2232870a,
  31. .up-tabs__wrapper__nav__line.data-v-2232870a {
  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-toast__content.data-v-2232870a {
  41. display: flex;
  42. flex-direction: row;
  43. padding: 12px 20px;
  44. border-radius: 4px;
  45. background-color: #585858;
  46. color: #fff;
  47. align-items: center;
  48. max-width: 600rpx;
  49. position: relative;
  50. }
  51. .u-toast__content--loading.data-v-2232870a {
  52. flex-direction: column;
  53. padding: 20px 20px;
  54. }
  55. .u-toast__content__text.data-v-2232870a {
  56. color: #fff;
  57. font-size: 15px;
  58. line-height: 15px;
  59. }
  60. .u-toast__content__text--default.data-v-2232870a {
  61. color: #fff;
  62. }
  63. .u-toast__content__text--error.data-v-2232870a {
  64. color: #f56c6c;
  65. }
  66. .u-toast__content__text--primary.data-v-2232870a {
  67. color: #3c9cff;
  68. }
  69. .u-toast__content__text--success.data-v-2232870a {
  70. color: #5ac725;
  71. }
  72. .u-toast__content__text--warning.data-v-2232870a {
  73. color: #f9ae3d;
  74. }
  75. .u-type-primary.data-v-2232870a {
  76. color: #3c9cff;
  77. background-color: #ecf5ff;
  78. border-color: #d7eafe;
  79. border-width: 1px;
  80. }
  81. .u-type-success.data-v-2232870a {
  82. color: #5ac725;
  83. background-color: #dbf1e1;
  84. border-color: #BEF5C8;
  85. border-width: 1px;
  86. }
  87. .u-type-error.data-v-2232870a {
  88. color: #f56c6c;
  89. background-color: #fef0f0;
  90. border-color: #fde2e2;
  91. border-width: 1px;
  92. }
  93. .u-type-warning.data-v-2232870a {
  94. color: #f9ae3d;
  95. background-color: #fdf6ec;
  96. border-color: #faecd8;
  97. border-width: 1px;
  98. }
  99. .u-type-default.data-v-2232870a {
  100. color: #fff;
  101. background-color: #585858;
  102. }