myCars.scss 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141
  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-tool{
  74. flex: 1;
  75. font-size: 22rpx;
  76. color: #C9C9C9;
  77. text-align: right;
  78. }
  79. .mycars-item-tool .default{
  80. display: inline-block;
  81. box-sizing: border-box;
  82. width: 75rpx;
  83. height:38rpx;
  84. line-height: 34rpx;
  85. border-radius: 5rpx;
  86. border: 1px solid #E3E3E3;
  87. text-align: center;
  88. margin-right: 17rpx;
  89. font-size: 18rpx;
  90. color: #CDCDCD;
  91. }
  92. .mycars-item-tool .default.isDefault{
  93. background-color: #FFEEE3;
  94. border-color: #FFEEE3;
  95. color: #FA6400;
  96. }