alert.wxss 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. .tui-alert-box {
  2. position: fixed;
  3. width: 560rpx;
  4. left: 50%;
  5. top: 50%;
  6. background: #fff;
  7. -webkit-transition: all 0.3s ease-in-out;
  8. transition: all 0.3s ease-in-out;
  9. -webkit-transform: translate(-50%, -50%) scale(0);
  10. transform: translate(-50%, -50%) scale(0);
  11. opacity: 0;
  12. border-radius: 20rpx;
  13. overflow: hidden;
  14. z-index: 9998;
  15. }
  16. .tui-alert-show {
  17. -webkit-transform: translate(-50%, -50%) scale(1);
  18. transform: translate(-50%, -50%) scale(1);
  19. opacity: 1;
  20. }
  21. .tui-alert-mask {
  22. position: fixed;
  23. top: 0;
  24. left: 0;
  25. right: 0;
  26. bottom: 0;
  27. background: rgba(0, 0, 0, 0.5);
  28. z-index: 9996;
  29. -webkit-transition: all 0.3s ease-in-out;
  30. transition: all 0.3s ease-in-out;
  31. opacity: 0;
  32. visibility: hidden;
  33. }
  34. .tui-alert-mask-show {
  35. visibility: visible;
  36. opacity: 1;
  37. }
  38. .tui-alert-content {
  39. text-align: center;
  40. color: #333333;
  41. /* padding: 98upx 48upx 92upx 48upx; */
  42. box-sizing: border-box;
  43. word-break: break-all;
  44. }
  45. .tui-alert-btn {
  46. width: 100%;
  47. height: 90rpx;
  48. display: -webkit-box;
  49. display: -webkit-flex;
  50. display: flex;
  51. -webkit-box-align: center;
  52. -webkit-align-items: center;
  53. align-items: center;
  54. -webkit-box-pack: center;
  55. -webkit-justify-content: center;
  56. justify-content: center;
  57. background: #fff;
  58. box-sizing: border-box;
  59. position: relative;
  60. font-size: 32rpx;
  61. line-height: 32rpx;
  62. }
  63. .tui-alert-btn-hover {
  64. background: #f7f7f7;
  65. }
  66. .tui-alert-btn::before {
  67. width: 100%;
  68. content: "";
  69. position: absolute;
  70. border-top: 1rpx solid #E0E0E0;
  71. -webkit-transform: scaleY(0.5);
  72. transform: scaleY(0.5);
  73. left: 0;
  74. top: 0;
  75. }