success.wxss 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. .success-container.data-v-2795c576 {
  2. width: 100%;
  3. min-height: 100vh;
  4. background: #f7f8fa;
  5. display: flex;
  6. flex-direction: column;
  7. align-items: center;
  8. padding-top: 15vh;
  9. }
  10. .success-card.data-v-2795c576 {
  11. width: 90%;
  12. background: #fff;
  13. border-radius: 32rpx;
  14. padding: 80rpx 40rpx;
  15. display: flex;
  16. flex-direction: column;
  17. align-items: center;
  18. box-shadow: 0 4rpx 30rpx rgba(0,0,0,0.03);
  19. }
  20. .success-icon.data-v-2795c576 {
  21. margin-bottom: 40rpx;
  22. }
  23. .status-title.data-v-2795c576 {
  24. font-size: 40rpx;
  25. font-weight: bold;
  26. color: #333;
  27. margin-bottom: 16rpx;
  28. }
  29. .status-desc.data-v-2795c576 {
  30. font-size: 28rpx;
  31. color: #999;
  32. margin-bottom: 80rpx;
  33. }
  34. .btn-group.data-v-2795c576 {
  35. width: 100%;
  36. display: flex;
  37. flex-direction: column;
  38. gap: 24rpx;
  39. }
  40. .primary-btn.data-v-2795c576 {
  41. width: 100%;
  42. height: 96rpx;
  43. background: #C1001C;
  44. color: #fff;
  45. border-radius: 48rpx;
  46. font-size: 32rpx;
  47. font-weight: bold;
  48. display: flex;
  49. align-items: center;
  50. justify-content: center;
  51. border: none;
  52. box-shadow: 0 10rpx 20rpx rgba(193, 0, 28, 0.15);
  53. }
  54. .outline-btn.data-v-2795c576 {
  55. width: 100%;
  56. height: 96rpx;
  57. background: #fff;
  58. color: #C1001C;
  59. border-radius: 48rpx;
  60. font-size: 32rpx;
  61. font-weight: bold;
  62. display: flex;
  63. align-items: center;
  64. justify-content: center;
  65. border: 2rpx solid #C1001C;
  66. }
  67. .text-btn.data-v-2795c576 {
  68. margin-top: 20rpx;
  69. background: transparent;
  70. color: #666;
  71. font-size: 28rpx;
  72. border: none;
  73. text-decoration: underline; /* 增加下划线提示可点击 */
  74. }
  75. .text-btn.data-v-2795c576:active {
  76. color: #333;
  77. opacity: 0.8;
  78. }