success-page.scss 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. @import "../../../../themes/page.scss";
  2. @import "../../searc-list.scss";
  3. /* module/diet/pages/success-page/success-page.wxss */
  4. .page-scroll__container {
  5. background: white;
  6. }
  7. .success-page-container {
  8. background: white;
  9. display: flex;
  10. flex-direction: column;
  11. justify-content: space-between;
  12. align-items: stretch;
  13. }
  14. .success-content {
  15. display: flex;
  16. flex-direction: column;
  17. align-items: center;
  18. margin-top: 120rpx;
  19. }
  20. .success-icon {
  21. width: 320rpx;
  22. height: 400rpx;
  23. margin-bottom: 32rpx;
  24. }
  25. .success-text {
  26. font-size: 33rpx;
  27. color: #222;
  28. font-weight: 600;
  29. margin-bottom: 16rpx;
  30. }
  31. .success-footer {
  32. position: fixed;
  33. left: 0;
  34. bottom: 0;
  35. width: 100vw;
  36. background: #fff;
  37. padding: 32rpx 0 48rpx 0;
  38. box-shadow: 0 -2rpx 8rpx rgba(0,0,0,0.04);
  39. display: flex;
  40. justify-content: center;
  41. }
  42. .footer-btn {
  43. width: 90% !important;
  44. border: 2rpx solid #2a7cff !important;
  45. color: #2a7cff !important;
  46. background: #f7f8fa !important;
  47. font-size: 30rpx !important;
  48. border-radius: 10rpx !important;
  49. font-weight: 500 !important;
  50. }