u-toast.ttss 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. @charset "UTF-8";
  2. /**
  3. * 下方引入的为uView UI的集成样式文件,为scss预处理器,其中包含了一些"u-"开头的自定义变量
  4. * uView自定义的css类名和scss变量,均以"u-"开头,不会造成冲突,请放心使用
  5. */
  6. .u-toast.data-v-413e7fe0 {
  7. position: fixed;
  8. z-index: -1;
  9. transition: opacity 0.3s;
  10. text-align: center;
  11. color: #fff;
  12. border-radius: 8rpx;
  13. background: #585858;
  14. display: flex;
  15. flex-direction: row;
  16. align-items: center;
  17. justify-content: center;
  18. font-size: 28rpx;
  19. opacity: 0;
  20. pointer-events: none;
  21. padding: 18rpx 40rpx;
  22. }
  23. .u-toast.u-show.data-v-413e7fe0 {
  24. opacity: 1;
  25. }
  26. .u-icon.data-v-413e7fe0 {
  27. margin-right: 10rpx;
  28. display: flex;
  29. flex-direction: row;
  30. align-items: center;
  31. line-height: normal;
  32. }
  33. .u-position-center.data-v-413e7fe0 {
  34. left: 50%;
  35. top: 50%;
  36. -webkit-transform: translate(-50%, -50%);
  37. transform: translate(-50%, -50%);
  38. max-width: 70%;
  39. }
  40. .u-position-top.data-v-413e7fe0 {
  41. left: 50%;
  42. top: 20%;
  43. -webkit-transform: translate(-50%, -50%);
  44. transform: translate(-50%, -50%);
  45. }
  46. .u-position-bottom.data-v-413e7fe0 {
  47. left: 50%;
  48. bottom: 20%;
  49. -webkit-transform: translate(-50%, -50%);
  50. transform: translate(-50%, -50%);
  51. }
  52. .u-type-primary.data-v-413e7fe0 {
  53. color: #2979ff;
  54. background-color: #ecf5ff;
  55. border: 1px solid #d7eafe;
  56. }
  57. .u-type-success.data-v-413e7fe0 {
  58. color: #19be6b;
  59. background-color: #dbf1e1;
  60. border: 1px solid #BEF5C8;
  61. }
  62. .u-type-error.data-v-413e7fe0 {
  63. color: #fa3534;
  64. background-color: #fef0f0;
  65. border: 1px solid #fde2e2;
  66. }
  67. .u-type-warning.data-v-413e7fe0 {
  68. color: #ff9900;
  69. background-color: #fdf6ec;
  70. border: 1px solid #faecd8;
  71. }
  72. .u-type-info.data-v-413e7fe0 {
  73. color: #909399;
  74. background-color: #f4f4f5;
  75. border: 1px solid #ebeef5;
  76. }
  77. .u-type-default.data-v-413e7fe0 {
  78. color: #fff;
  79. background-color: #585858;
  80. }