index.wxss 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153
  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. .list.data-v-4e08b1e2 {
  28. width: 100%;
  29. display: flex;
  30. height: 100rpx;
  31. justify-content: space-between;
  32. font-size: 30rpx;
  33. }
  34. .list view.data-v-4e08b1e2:first-child {
  35. color: #86909c;
  36. }
  37. .list view.data-v-4e08b1e2:last-child {
  38. color: #1d2129;
  39. }
  40. .swapinfo .header.data-v-4e08b1e2 {
  41. display: flex;
  42. padding: 30rpx;
  43. width: 690rpx;
  44. color: #86909c;
  45. font-size: 32rpx;
  46. justify-content: space-around;
  47. }
  48. .swapinfo .header .active.data-v-4e08b1e2 {
  49. color: #1d2129;
  50. font-weight: bold;
  51. position: relative;
  52. }
  53. .swapinfo .header .active.data-v-4e08b1e2::after {
  54. content: '';
  55. 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=);
  56. background-size: 100% 100%;
  57. width: 52rpx;
  58. height: 9rpx;
  59. position: absolute;
  60. bottom: -25rpx;
  61. left: 32%;
  62. }
  63. .swapinfo .changeProcess.data-v-4e08b1e2 {
  64. padding-bottom: 20rpx;
  65. }
  66. .swapinfo .changeProcess .timeline.data-v-4e08b1e2 {
  67. display: flex;
  68. box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(226, 226, 226, 0.25);
  69. border-radius: 24rpx;
  70. background-color: #fff;
  71. margin: 30rpx;
  72. padding: 29rpx;
  73. opacity: 1;
  74. }
  75. .swapinfo .changeProcess .timeline .timeinfo.data-v-4e08b1e2 {
  76. display: flex;
  77. flex-direction: column;
  78. text-align: right;
  79. }
  80. .swapinfo .changeProcess .timeline .timeinfo .list.data-v-4e08b1e2 {
  81. display: flex;
  82. flex-direction: column;
  83. width: 100%;
  84. height: 102rpx;
  85. color: #c9cdd4;
  86. font-size: 28rpx;
  87. }
  88. .swapinfo .changeProcess .timeline .timeinfo .list view.data-v-4e08b1e2:first-child {
  89. color: #86909c;
  90. }
  91. .swapinfo .changeProcess .timeline .line.data-v-4e08b1e2 {
  92. flex: 1;
  93. }
  94. .swapinfo .changeProcess .changeCurrent.data-v-4e08b1e2 {
  95. width: 690rpx;
  96. margin: 30rpx auto;
  97. height: 180rpx;
  98. background-image: url(data:image/png;base64,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);
  99. background-size: 100% 100%;
  100. padding: 25rpx;
  101. box-sizing: border-box;
  102. display: flex;
  103. flex-direction: column;
  104. justify-content: space-around;
  105. }
  106. .swapinfo .changeProcess .changeCurrent .info.data-v-4e08b1e2 {
  107. display: flex;
  108. color: #fff;
  109. font-size: 30rpx;
  110. font-weight: bold;
  111. line-height: 36rpx;
  112. }
  113. .swapinfo .changeProcess .changeCurrent .info image.data-v-4e08b1e2 {
  114. width: 60rpx;
  115. height: 60rpx;
  116. padding-right: 25rpx;
  117. }
  118. .swapinfo .changeProcess .changeCurrent .info view.data-v-4e08b1e2:last-child {
  119. padding-top: 12rpx;
  120. }
  121. .swapinfo .changeProcess .changeCurrent .times.data-v-4e08b1e2 {
  122. color: #ededed;
  123. text-indent: 10rpx;
  124. }
  125. .swapinfo .changeCar.data-v-4e08b1e2,
  126. .swapinfo .changeBattery.data-v-4e08b1e2 {
  127. width: 690rpx;
  128. margin: 30rpx 30rpx;
  129. padding: 15rpx 0rpx;
  130. box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(226, 226, 226, 0.25);
  131. border-radius: 24rpx;
  132. opacity: 1;
  133. background-color: #fff;
  134. }
  135. .swapinfo .changeCar .ban.data-v-4e08b1e2,
  136. .swapinfo .changeBattery .ban.data-v-4e08b1e2 {
  137. width: 547rpx;
  138. height: 298rpx;
  139. margin: 70rpx auto;
  140. }
  141. .swapinfo .changeCar .ban image.data-v-4e08b1e2,
  142. .swapinfo .changeBattery .ban image.data-v-4e08b1e2 {
  143. width: 100%;
  144. height: 100%;
  145. }
  146. .swapinfo .changeCar .info-box.data-v-4e08b1e2,
  147. .swapinfo .changeBattery .info-box.data-v-4e08b1e2 {
  148. width: 587rpx;
  149. margin: 0 auto;
  150. display: flex;
  151. flex-direction: column;
  152. }