toast.wxss 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. .tui-toast {
  2. background: rgba(0, 0, 0, 0.75);
  3. border-radius: 10rpx;
  4. position: fixed;
  5. visibility: hidden;
  6. opacity: 0;
  7. left: 50%;
  8. top: 48%;
  9. -webkit-transform: translate(-50%, -50%);
  10. transform: translate(-50%, -50%);
  11. transition: 0.3s ease-in-out;
  12. transition-property:opacity,visibility;
  13. z-index: 9999;
  14. display: flex;
  15. align-items: center;
  16. justify-content: center;
  17. flex-direction: column;
  18. padding: 60rpx 20rpx 54rpx 20rpx;
  19. box-sizing: border-box;
  20. }
  21. .tui-toast-padding {
  22. padding-top: 50rpx !important;
  23. padding-bottom: 50rpx !important;
  24. }
  25. .tui-unicon-padding {
  26. padding: 24rpx 40rpx !important;
  27. word-break: break-all;
  28. }
  29. .tui-toast-show {
  30. visibility: visible;
  31. opacity: 1;
  32. }
  33. .tui-toast-img {
  34. width: 120rpx;
  35. height: 120rpx;
  36. display: block;
  37. margin-bottom: 28rpx;
  38. }
  39. .tui-toast-text {
  40. font-size: 30rpx;
  41. line-height: 30rpx;
  42. font-weight: 400;
  43. color: #fff;
  44. text-align: center;
  45. }
  46. .tui-unicon{
  47. line-height: 40rpx !important;
  48. font-size: 32rpx !important;
  49. }
  50. .tui-content-ptop {
  51. padding-top: 10rpx;
  52. font-size: 26rpx !important;
  53. }