myCars.scss 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171
  1. .header{
  2. height: 296rpx;
  3. overflow: hidden;
  4. background: url(../../static/img/myCars-header-bg.png) no-repeat;
  5. background-size: contain;
  6. color: $my-main-color;
  7. }
  8. .header .header-title{
  9. margin-top: 80rpx;
  10. color: #fff;
  11. font-size: 50rpx;
  12. text-align: center;
  13. }
  14. .statistics{
  15. margin: -78rpx 0 59rpx;
  16. background-color: #fff;
  17. box-shadow: 0px 6rpx 10px 0px rgba(0, 0, 0, 0.06);
  18. border-radius: 15rpx;
  19. height: 182rpx;
  20. display: flex;
  21. align-items: center;
  22. justify-content: center;
  23. color: #323232;
  24. }
  25. .statistics-title{
  26. font-size: 60rpx;
  27. letter-spacing: 2rpx;
  28. }
  29. .statistics-center{
  30. width: 4rpx;
  31. height: 106rpx;
  32. margin: 0 103rpx;
  33. box-shadow: 0px 6rpx 10rpx 0rx rgba(0, 0, 0, 0.06);
  34. opacity: 0.5;
  35. border: 1px solid #979797;
  36. }
  37. .statistics-number-wrap{
  38. font-size: 28rpx;
  39. }
  40. .statistics-number-wrap .number{
  41. margin-right: 4rpx;
  42. font-size: 72rpx;
  43. }
  44. .add-car-btn{
  45. height: 100rpx;
  46. line-height: 100rpx;
  47. background: #008CFF;
  48. color: #fff;;
  49. font-size: 28rpx;
  50. text-align: center;
  51. box-shadow: 0px 7rpx 13rpx 0px rgba(16, 153, 250, 0.31);
  52. border-radius: 10rpx;
  53. margin-bottom: 50rpx;
  54. }
  55. .new-plate-number{
  56. margin-bottom: 70rpx;
  57. }
  58. .message-input-wrap{
  59. margin: 0 -40rpx;
  60. }
  61. .message-input-wrap /deep/ .u-input ~ uni-view:last-of-type .u-char-item{
  62. background-color: #E8FFE8;
  63. }
  64. .mycars-item{
  65. display: flex;
  66. align-items: center;
  67. height: 111rpx;
  68. border-bottom: 1px solid #EAEAEA;
  69. }
  70. .mycars-item-name{
  71. // margin-right: 43rpx;
  72. width: 258rpx;
  73. font-size: 36rpx;
  74. color: #4B4B4B;
  75. }
  76. .mycars-item-type{
  77. font-size: 26rpx;
  78. color: #959595;
  79. }
  80. .mycars-item-sign{
  81. line-height: 40rpx;
  82. text-align: center;
  83. border-radius: 5rpx;
  84. color: #fff;
  85. font-size: 22rpx;
  86. padding: 0 15rpx;
  87. border: solid 1px #FF6D6D;
  88. background-color: #FF6D6D;
  89. margin-left: 40rpx;
  90. }
  91. .mycars-item-sign1{
  92. line-height: 40rpx;
  93. text-align: center;
  94. border-radius: 5rpx;
  95. color: #fff;
  96. font-size: 22rpx;
  97. padding: 0 15rpx;
  98. border: solid 1px #D8D8D8;
  99. background-color: #D8D8D8;
  100. margin-left: 40rpx;
  101. }
  102. .mycars-item-tool{
  103. flex: 1;
  104. font-size: 22rpx;
  105. color: #C9C9C9;
  106. text-align: right;
  107. }
  108. .mycars-item-tool .default{
  109. display: inline-block;
  110. box-sizing: border-box;
  111. // width: 75rpx;
  112. height:38rpx;
  113. line-height: 34rpx;
  114. border-radius: 5rpx;
  115. border: 1px solid #E3E3E3;
  116. text-align: center;
  117. margin-right: 17rpx;
  118. font-size: 18rpx;
  119. color: #CDCDCD;
  120. }
  121. .mycars-item-tool .default.isDefault{
  122. background-color: #FFEEE3;
  123. border-color: #FFEEE3;
  124. color: #FA6400;
  125. }