index.wxss 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159
  1. @charset "UTF-8";
  2. /**
  3. * 这里是uni-app内置的常用样式变量
  4. *
  5. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  6. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  7. *
  8. */
  9. /**
  10. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  11. *
  12. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  13. */
  14. /* 颜色变量 */
  15. /* 行为相关颜色 */
  16. /* 文字基本颜色 */
  17. /* 背景颜色 */
  18. /* 边框颜色 */
  19. /* 尺寸变量 */
  20. /* 文字尺寸 */
  21. /* 图片尺寸 */
  22. /* Border Radius */
  23. /* 水平间距 */
  24. /* 垂直间距 */
  25. /* 透明度 */
  26. /* 文章场景相关 */
  27. .swapMain.data-v-4e08b1e2 {
  28. background: linear-gradient(180deg, #FFFFFF 0%, #F2F3F5 100%);
  29. }
  30. .swapinfo .header.data-v-4e08b1e2 {
  31. display: flex;
  32. padding: 30rpx;
  33. width: 690rpx;
  34. color: #86909c;
  35. font-size: 32rpx;
  36. justify-content: space-around;
  37. }
  38. .swapinfo .header .active.data-v-4e08b1e2 {
  39. color: #1d2129;
  40. font-weight: bold;
  41. position: relative;
  42. }
  43. .swapinfo .header .active.data-v-4e08b1e2::after {
  44. content: '';
  45. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAAJCAYAAAB9nA+YAAAAAXNSR0IArs4c6QAAAhFJREFUSEvVk89Lk3Ecx9/v7/MsRz6gBykPgh467CAopGAUuMSDULI6mEIeBkGRXvoT/A86RBJB1KHDbEmBHnaoaQdJaIe8xA47GHiYsEBh1mzPvu941EHFxuahrM/x+/38eL8+PwgAkyszN2nRLzrPF0YebARv/4tNpu/0Uc40DDKJy/MLDIRPpWc/ABg4gshAeFkplxaTY09y/yLYROrWObotMRpME+yv6k6MPBzkRPrueQcmU0d4FtKypX2jwpe15I1k8SQAo0/j4TPd4WEjMwryKoBILR1l3x/k5NvZ+yTuNRIqwAcUTC8Dg3V8txvb77PZ1blVv1Hscf6jc1H37IVIBKdMHyyGwGBzOEDAbZhHesToSjzcCS8GKS5gtKnAo8wBJIGchBygTRpuEchLtlCpVHYht2jll0LWlIIQGXiWxgV9z3GcNkvTYYBOWXUR7BEPOt9zXA0QUjBKbOPT4Q1VbXzpdker58YkTBG4BDDcsCsn4HCwLYcQy1+L/uLS+ONCVcYvQD9ru/Yq3t7S1jpMaQxktN7e/kWe4J5XRab2d/fevb7+bKdW7bpAvzsH0zvdGrpopCEL9pLqBdjzh4C2BGUprlvyo77ZteSV+XwztZoGqpVs4sWMZ9srEccNdZO2ixZdADpBdADwBHoEwoCqq1sU6BMqQtwBFHQ5T4M8ZDbllz+X9vZz9brfDNAPGMDNC0qvb7QAAAAASUVORK5CYII=);
  46. background-size: 100% 100%;
  47. width: 52rpx;
  48. height: 9rpx;
  49. position: absolute;
  50. bottom: -25rpx;
  51. left: 32%;
  52. }
  53. .swapinfo .changeProcess.data-v-4e08b1e2 {
  54. padding-bottom: 20rpx;
  55. }
  56. .swapinfo .changeProcess .timeline.data-v-4e08b1e2 {
  57. display: flex;
  58. box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(226, 226, 226, 0.25);
  59. border-radius: 24rpx;
  60. background-color: #fff;
  61. margin: 30rpx;
  62. padding: 29rpx;
  63. opacity: 1;
  64. }
  65. .swapinfo .changeProcess .timeline .timeinfo.data-v-4e08b1e2 {
  66. display: flex;
  67. flex-direction: column;
  68. text-align: right;
  69. }
  70. .swapinfo .changeProcess .timeline .timeinfo .list.data-v-4e08b1e2 {
  71. display: flex;
  72. flex-direction: column;
  73. width: 100%;
  74. height: 102rpx;
  75. color: #c9cdd4;
  76. font-size: 28rpx;
  77. }
  78. .swapinfo .changeProcess .timeline .timeinfo .list view.data-v-4e08b1e2:first-child {
  79. color: #86909c;
  80. }
  81. .swapinfo .changeProcess .timeline .line.data-v-4e08b1e2 {
  82. flex: 1;
  83. }
  84. .swapinfo .changeProcess .changeCurrent.data-v-4e08b1e2 {
  85. width: 690rpx;
  86. margin: 30rpx auto;
  87. height: 180rpx;
  88. background-image: url(data:image/png;base64,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);
  89. background-size: 100% 100%;
  90. padding: 25rpx;
  91. box-sizing: border-box;
  92. display: flex;
  93. flex-direction: column;
  94. justify-content: space-around;
  95. }
  96. .swapinfo .changeProcess .changeCurrent .info.data-v-4e08b1e2 {
  97. display: flex;
  98. color: #fff;
  99. font-size: 30rpx;
  100. font-weight: bold;
  101. line-height: 36rpx;
  102. }
  103. .swapinfo .changeProcess .changeCurrent .info image.data-v-4e08b1e2 {
  104. width: 60rpx;
  105. height: 60rpx;
  106. padding-right: 25rpx;
  107. }
  108. .swapinfo .changeProcess .changeCurrent .info view.data-v-4e08b1e2:last-child {
  109. padding-top: 12rpx;
  110. }
  111. .swapinfo .changeProcess .changeCurrent .times.data-v-4e08b1e2 {
  112. color: #ededed;
  113. text-indent: 10rpx;
  114. }
  115. .swapinfo .changeCar.data-v-4e08b1e2,
  116. .swapinfo .changeBattery.data-v-4e08b1e2 {
  117. width: 690rpx;
  118. margin: 30rpx 30rpx;
  119. padding: 15rpx 0rpx;
  120. box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(226, 226, 226, 0.25);
  121. border-radius: 24rpx;
  122. opacity: 1;
  123. background-color: #fff;
  124. }
  125. .swapinfo .changeCar .ban.data-v-4e08b1e2,
  126. .swapinfo .changeBattery .ban.data-v-4e08b1e2 {
  127. width: 547rpx;
  128. height: 298rpx;
  129. margin: 70rpx auto;
  130. }
  131. .swapinfo .changeCar .ban image.data-v-4e08b1e2,
  132. .swapinfo .changeBattery .ban image.data-v-4e08b1e2 {
  133. width: 100%;
  134. height: 100%;
  135. }
  136. .swapinfo .changeCar .info-box.data-v-4e08b1e2,
  137. .swapinfo .changeBattery .info-box.data-v-4e08b1e2 {
  138. width: 587rpx;
  139. margin: 0 auto;
  140. display: flex;
  141. flex-direction: column;
  142. }
  143. .swapinfo .changeCar .info-box .list.data-v-4e08b1e2,
  144. .swapinfo .changeBattery .info-box .list.data-v-4e08b1e2 {
  145. width: 100%;
  146. display: flex;
  147. height: 100rpx;
  148. justify-content: space-between;
  149. font-size: 30rpx;
  150. }
  151. .swapinfo .changeCar .info-box .list view.data-v-4e08b1e2:first-child,
  152. .swapinfo .changeBattery .info-box .list view.data-v-4e08b1e2:first-child {
  153. color: #86909c;
  154. }
  155. .swapinfo .changeCar .info-box .list view.data-v-4e08b1e2:last-child,
  156. .swapinfo .changeBattery .info-box .list view.data-v-4e08b1e2:last-child {
  157. color: #1d2129;
  158. }