index.less 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149
  1. /* nova-tourism/pages/my/my-order/my-refund/refund-detail/index.wxss */
  2. .all{
  3. width: 100vw;
  4. color: #382E2E;
  5. background-color: #F4F4F4;
  6. padding-bottom: 20rpx;
  7. overflow-y: scroll;
  8. .title{
  9. width: 100%;
  10. font-size: 36rpx;
  11. background-color: white;
  12. display: flex;
  13. justify-content: center;
  14. padding-bottom: 25rpx;
  15. }
  16. .cardbox{
  17. width: 100%;
  18. height: auto;
  19. padding-left: 30rpx;
  20. padding-right: 30rpx;
  21. padding-top: 20rpx;
  22. padding-bottom: 10rpx;
  23. margin-top: 20rpx;
  24. background-color: white;
  25. .title2{
  26. width: 100%;
  27. font-size: 30rpx;
  28. font-weight: 600;
  29. display: flex;
  30. justify-content: center;
  31. align-items: center;
  32. margin-bottom: 30rpx;
  33. }
  34. .roombox{
  35. width: 100%;
  36. display: flex;
  37. margin-top: 20rpx;
  38. image{
  39. width: 170rpx;
  40. height: 170rpx;
  41. border-radius: 10rpx;
  42. }
  43. .room{
  44. height: 100%;
  45. margin-left: 20rpx;
  46. .room-name{
  47. width: 460rpx;
  48. font-size: 28rpx;
  49. margin-bottom: 10rpx;
  50. color: #000000;
  51. }
  52. .room-tag{
  53. font-size: 26rpx;
  54. width: 460rpx;
  55. height: auto;
  56. color: #F37B40;
  57. margin-bottom: 10rpx;
  58. }
  59. .room-text{
  60. width: 460rpx;
  61. height: auto;
  62. font-size: 26rpx;
  63. color: #737373;
  64. }
  65. .room-text2{
  66. width: 460rpx;
  67. height: auto;
  68. font-size: 26rpx;
  69. margin-top: 100rpx;
  70. color: #737373;
  71. }
  72. }
  73. }
  74. .text1{
  75. width: 100%;
  76. font-size: 28rpx;
  77. display: flex;
  78. color: #000000;
  79. margin-bottom: 20rpx;
  80. .tex1{
  81. display: flex;
  82. .tex1-1{
  83. color: #E22525;
  84. margin-left: 4rpx;
  85. }
  86. }
  87. .tex2{
  88. margin-left: auto;
  89. font-size: 30rpx;
  90. color: #F05C14;
  91. }
  92. .tex3{
  93. margin-left: auto;
  94. font-size: 28rpx;
  95. display: flex;
  96. }
  97. }
  98. .areabox{
  99. width: 100%;
  100. height: auto;
  101. display: flex;
  102. align-items: center;
  103. justify-content: center;
  104. position: relative;
  105. textarea{
  106. background-color: #F4F4F4;
  107. padding: 15rpx;
  108. border-radius: 15rpx;
  109. min-height: 200rpx;
  110. }
  111. .number{
  112. color: gray;
  113. position: absolute;
  114. bottom: 0;
  115. right: 46rpx;
  116. font-size: 26rpx;
  117. }
  118. }
  119. .uploadbox{
  120. width: 100%;
  121. height: 528rpx;
  122. margin-top: 20rpx;
  123. }
  124. }
  125. .submitbox{
  126. width: 100%;
  127. height: 110rpx;
  128. display: flex;
  129. justify-content: center;
  130. align-items: center;
  131. background-color: white;
  132. padding-bottom: 30rpx;
  133. .submit{
  134. background-color: #F05C14;
  135. color: white;
  136. width: 50%;
  137. height: 100%;
  138. border-radius: 20rpx;
  139. font-size: 30rpx;
  140. display: flex;
  141. justify-content: center;
  142. align-items: center;
  143. }
  144. }
  145. }