index.acss 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. .toast-index {
  2. display: block;
  3. height: initial;
  4. }
  5. @import "../common/index.acss";
  6. .toast-index .van-toast {
  7. display: -webkit-flex;
  8. display: flex;
  9. -webkit-flex-direction: column;
  10. flex-direction: column;
  11. -webkit-align-items: center;
  12. align-items: center;
  13. -webkit-justify-content: center;
  14. justify-content: center;
  15. box-sizing: initial;
  16. color: #fff;
  17. color: var(--toast-text-color, #fff);
  18. font-size: 14px;
  19. font-size: var(--toast-font-size, 14px);
  20. line-height: 20px;
  21. line-height: var(--toast-line-height, 20px);
  22. white-space: pre-wrap;
  23. word-wrap: break-word;
  24. background-color: rgba(0, 0, 0, 0.7);
  25. background-color: var(--toast-background-color, rgba(0, 0, 0, 0.7));
  26. border-radius: 8px;
  27. border-radius: var(--toast-border-radius, 8px);
  28. }
  29. .toast-index .van-toast__container {
  30. position: fixed;
  31. top: 50%;
  32. left: 50%;
  33. width: -webkit-fit-content;
  34. width: fit-content;
  35. -webkit-transform: translate(-50%, -50%);
  36. transform: translate(-50%, -50%);
  37. max-width: 70%;
  38. max-width: var(--toast-max-width, 70%);
  39. }
  40. .toast-index .van-toast--text {
  41. min-width: 96px;
  42. min-width: var(--toast-text-min-width, 96px);
  43. padding: 8px 12px;
  44. padding: var(--toast-text-padding, 8px 12px);
  45. }
  46. .toast-index .van-toast--icon {
  47. width: 88px;
  48. width: var(--toast-default-width, 88px);
  49. min-height: 88px;
  50. min-height: var(--toast-default-min-height, 88px);
  51. padding: 16px;
  52. padding: var(--toast-default-padding, 16px);
  53. }
  54. .toast-index .van-toast--icon .van-toast__icon {
  55. font-size: 36px;
  56. font-size: var(--toast-icon-size, 36px);
  57. }
  58. .toast-index .van-toast--icon .van-toast__text {
  59. padding-top: 8px;
  60. }
  61. .toast-index .van-toast__loading {
  62. margin: 10px 0;
  63. }
  64. .toast-index .van-toast--top {
  65. -webkit-transform: translateY(-30vh);
  66. transform: translateY(-30vh);
  67. }
  68. .toast-index .van-toast--bottom {
  69. -webkit-transform: translateY(30vh);
  70. transform: translateY(30vh);
  71. }