detail.wxss 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121
  1. /* pages/return-fee/pages/return-fee/detail.wxss */
  2. .header {
  3. font-size: 30rpx;
  4. color: #666;
  5. padding: 0 30rpx;
  6. background: #fff;
  7. }
  8. .header view {
  9. border-bottom: 2rpx solid #eee;
  10. }
  11. .cell {
  12. height: 116rpx;
  13. display: flex;
  14. align-items: center;
  15. justify-content: space-between;
  16. }
  17. .button {
  18. width: 750rpx;
  19. height: 120rpx;
  20. position: fixed;
  21. left: 0;
  22. bottom: 0;
  23. padding: 0 30rpx;
  24. box-sizing: border-box;
  25. display: flex;
  26. align-items: center;
  27. justify-content: space-between;
  28. }
  29. .button view {
  30. height: 88rpx;
  31. width: 336rpx;
  32. font-size: 34rpx;
  33. text-align: center;
  34. line-height: 88rpx;
  35. color: #327ae1;
  36. background: #fff;
  37. border-radius: 10rpx;
  38. border: 2rpx solid rgba(50, 122, 225, 1);
  39. }
  40. .button view:last-child {
  41. color: #fff;
  42. background: linear-gradient(90deg, rgba(78, 171, 225, 1) 0%, rgba(49, 121, 225, 1) 100%);
  43. }
  44. .content {
  45. color: #333;
  46. font-size: 34rpx;
  47. padding: 20rpx 30rpx;
  48. }
  49. .cover {
  50. height: 100%;
  51. width: 100%;
  52. background: rgba(0, 0, 0, 0.4);
  53. position: fixed;
  54. left: 0;
  55. top: 0;
  56. display: flex;
  57. align-items: center;
  58. justify-content: center;
  59. }
  60. .cover-content {
  61. height: 684rpx;
  62. width: 600rpx;
  63. position: relative;
  64. }
  65. .fee-img {
  66. height: 684rpx;
  67. width: 600rpx;
  68. position: absolute;
  69. left: 0;
  70. top: 0;
  71. }
  72. .fee-content {
  73. height: 684rpx;
  74. width: 600rpx;
  75. position: absolute;
  76. left: 0;
  77. top: 0;
  78. display: flex;
  79. flex-direction: column;
  80. justify-content: flex-end;
  81. align-items: center;
  82. }
  83. .fee-content-body {
  84. font-size: 34rpx;
  85. color: #333;
  86. margin-bottom: 48rpx;
  87. display: flex;
  88. flex-direction: column;
  89. align-items: center;
  90. justify-content: center;
  91. }
  92. .fee-content-body view:last-child {
  93. color: #666;
  94. font-size: 28rpx;
  95. margin-top: 30rpx;
  96. }
  97. .fee-button {
  98. width: 336rpx;
  99. height: 88rpx;
  100. text-align: center;
  101. line-height: 88rpx;
  102. color: #fff;
  103. font-size: 34rpx;
  104. background: linear-gradient(90deg, rgba(113, 92, 255, 1) 0%, rgba(49, 121, 225, 1) 100%);
  105. border-radius: 44rpx;
  106. margin-bottom: 50rpx;
  107. }