index.wxss 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123
  1. /* pages/index/index.wxss */
  2. page{
  3. --cell-vertical-padding:12rpx;
  4. --cell-horizontal-padding:0;
  5. --cell-background-color:transparent;
  6. }
  7. .chuRuKu{
  8. float: right;
  9. font-size: 24rpx;
  10. color: #0396FF;
  11. }
  12. .chuRuKu1{
  13. color: #07c160 !important;
  14. }
  15. .van-icon--custom {
  16. margin-top: -4px;
  17. }
  18. .listItem{
  19. width: 718rpx;
  20. }
  21. .needAmount{
  22. float: right;
  23. color: #ff2732;
  24. }
  25. .filterStatus{
  26. font-size: 28rpx;
  27. padding: 10rpx 0 20rpx 30rpx;
  28. background-color: #fff;
  29. margin-bottom: 20rpx;
  30. color: rgba(0,0,0,0.85);
  31. }
  32. .filterStatus view{
  33. display: inline-block;
  34. padding: 0 18rpx;
  35. position: relative;
  36. }
  37. .filterStatus .active{
  38. font-weight: bold;
  39. }
  40. .filterStatus .active::after{
  41. display: inline-block;
  42. content: '';
  43. width: 40rpx;
  44. height: 4rpx;
  45. position: absolute;
  46. left: 34rpx;
  47. bottom: -20rpx;
  48. /* margin-left: -20rpx; */
  49. background: #2C6CEC;
  50. border-radius: 2rpx;
  51. }
  52. .filterStatus .active.first::after{
  53. left: 24rpx;
  54. }
  55. .bottomBtn{
  56. padding-top: 20rpx;
  57. text-align: right;
  58. }
  59. .bottomBtn button {
  60. margin-left: 0 !important;
  61. }
  62. .carType{
  63. display: flex;
  64. }
  65. .auditStatus{
  66. white-space: inherit;
  67. }
  68. .auditStatus text{
  69. float: right;
  70. }
  71. .auditInfo{
  72. display: flex;
  73. justify-content: space-between;
  74. }
  75. .auditInfo text{
  76. height: 40rpx;
  77. line-height: 40rpx;
  78. font-size: 22rpx;
  79. }
  80. /* 图片上传时高度自适应 */
  81. .checkbox {
  82. height: auto;
  83. }
  84. .checkboxView .van-cell__value,
  85. .checkbox .van-field__control--custom {
  86. height: auto;
  87. }
  88. /* 加载动画 */
  89. .loadingMain{
  90. padding-bottom: calc(50px + env(safe-area-inset-bottom));
  91. min-height: 100vh;
  92. display: flex;
  93. align-items: center;
  94. text-align: center;
  95. justify-content: center;
  96. box-sizing: border-box;
  97. }
  98. .container .loading .logo {
  99. width: 224rpx;
  100. height: 224rpx;
  101. animation: rotate 3s linear infinite;
  102. }
  103. .container .loading .titleBox {
  104. text-align: center;
  105. }
  106. .container .loading .titleBox .title {
  107. margin: 56rpx 0 10rpx 0;
  108. font-weight: bold;
  109. font-size: 48rpx;
  110. color: #4B170D;
  111. }
  112. .container .loading .titleBox .smallTit {
  113. font-size: 24rpx;
  114. color: #B9C1CF;
  115. }
  116. @keyframes rotate {
  117. from {
  118. transform: rotate(0deg);
  119. }
  120. to {
  121. transform: rotate(360deg);
  122. }
  123. }