refund-reason-popup.scss 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. .refund-reason-popup {
  2. height: 70vh;
  3. min-height: 560rpx;
  4. background: #fff;
  5. border-top-left-radius: 32rpx;
  6. border-top-right-radius: 32rpx;
  7. display: flex;
  8. flex-direction: column;
  9. overflow: hidden;
  10. }
  11. .refund-reason-popup__header {
  12. height: 100rpx;
  13. position: relative;
  14. display: flex;
  15. align-items: center;
  16. justify-content: center;
  17. font-weight: 600;
  18. font-size: 34rpx;
  19. color: #1f1f1f;
  20. background: #f2f2f2;
  21. }
  22. .refund-reason-popup__close {
  23. position: absolute;
  24. right: 24rpx;
  25. width: 72rpx;
  26. height: 116rpx;
  27. display: flex;
  28. align-items: center;
  29. justify-content: center;
  30. font-size: 48rpx;
  31. color: #444;
  32. }
  33. .refund-reason-popup__header-spacer {
  34. width: 72rpx;
  35. height: 1px;
  36. }
  37. .refund-reason-popup__content {
  38. flex: 1;
  39. overflow: auto;
  40. background: #fff;
  41. padding: 10rpx 0;
  42. box-sizing: border-box;
  43. }
  44. .custom-radio {
  45. --td-radio-icon-checked-color: #2f6df6;
  46. font-size: 32rpx !important;
  47. padding: 24rpx 32rpx;
  48. }
  49. .refund-reason-popup__footer {
  50. padding: 6rpx 16rpx calc(-60rpx + env(safe-area-inset-bottom));
  51. background: #fff;
  52. }
  53. .refund-reason-popup__next-btn {
  54. width: 100%;
  55. height: 88rpx;
  56. line-height: 88rpx;
  57. border-radius: 44rpx;
  58. background: linear-gradient(135deg, #2f6df6 0%, #1f5de8 100%);
  59. color: #fff;
  60. text-align: center;
  61. font-size: 30rpx;
  62. font-weight: 500;
  63. }