index.wxss 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. .ant-toast {
  2. color: #fff;
  3. position: fixed;
  4. top: 50%;
  5. left: 50%;
  6. transform: translate3d(-50%, -50%, 0);
  7. z-index: 999;
  8. padding: 12px;
  9. display: flex;
  10. flex-direction: column;
  11. justify-content: center;
  12. align-items: center;
  13. background: #000;
  14. border-radius: 8px;
  15. }
  16. .ant-toast-icon,
  17. .ant-toast-image,
  18. .ant-toast-normal {
  19. margin-bottom: 8px;
  20. }
  21. .ant-toast-normal {
  22. height: 40px;
  23. }
  24. .ant-toast-icon {
  25. display: flex;
  26. justify-content: center;
  27. align-items: center;
  28. font-size: 50px;
  29. }
  30. .ant-toast-image,
  31. .ant-toast-icon {
  32. width: 40px;
  33. height: 40px;
  34. background-size: contain;
  35. background-repeat: no-repeat;
  36. }
  37. .ant-toast-text-body {
  38. display: flex;
  39. max-width: 190px;
  40. max-height: 42px;
  41. justify-content: center;
  42. }
  43. .ant-toast-text-box {
  44. min-width: 0;
  45. max-height: 42px;
  46. }
  47. .ant-toast-text-content {
  48. font-size: 15px;
  49. line-height: 21px;
  50. max-width: 100%;
  51. overflow: hidden;
  52. text-overflow: ellipsis;
  53. }
  54. .ant-toast-icon-wrapper {
  55. width: 140px;
  56. height: 140px;
  57. display: flex;
  58. align-items: center;
  59. justify-content: center;
  60. flex-direction: column;
  61. }
  62. .ant-toast-mask {
  63. z-index: 998;
  64. }