applyRefundDetails.scss 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. .refund-details {
  2. background-color: #f5f5f5;
  3. padding-bottom: 100rpx;
  4. min-height: calc(100vh - 44px);
  5. .refund-details-list {
  6. background-color: #fff;
  7. .refund-details-list-item {
  8. display: flex;
  9. padding: 0 17px;
  10. line-height: 70rpx;
  11. .rdli-label {
  12. width: 150rpx;
  13. text-align: right;
  14. }
  15. .rdli-content {
  16. width: calc(100% - 150rpx);
  17. }
  18. .rdli-font {
  19. color: #FA6400;
  20. }
  21. .image {
  22. width: 100%;
  23. margin-top: 20rpx;
  24. image {
  25. width: 100%;
  26. }
  27. }
  28. }
  29. }
  30. .apply-button {
  31. padding: 0 50rpx;
  32. margin-top: 50rpx;
  33. }
  34. .refund-details-status {
  35. background-color: #fff;
  36. padding: 0 17px;
  37. margin-top: 50rpx;
  38. .refund-details-status-item {
  39. display: flex;
  40. line-height: 70rpx;
  41. view {
  42. &:first-child {
  43. width: 150rpx;
  44. text-align: right;
  45. }
  46. &:last-child {
  47. width: calc(100% - 150rpx);
  48. }
  49. }
  50. }
  51. }
  52. }
  53. /* 订单详情 状态支付退款成功 */
  54. .order-details {
  55. padding: 0 20px;
  56. .order-details-content {
  57. .order-details-content-header {
  58. text-align: center;
  59. margin-top: 54rpx;
  60. font-size: 50rpx;
  61. font-weight: 600;
  62. image {
  63. width: 90rpx;
  64. height: 90rpx;
  65. }
  66. }
  67. .order-details-content-item {
  68. display: flex;
  69. line-height: 70rpx;
  70. view {
  71. &:first-child {
  72. width: 150rpx;
  73. color: #2A2A2A;
  74. }
  75. &:last-child {
  76. width: calc(100% - 150rpx);
  77. text-align: right;
  78. color: #6E6E6E;
  79. }
  80. }
  81. }
  82. }
  83. }