myCars.scss 2.6 KB

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