info.wxss 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138
  1. /* pages/weighingRecord/info.wxss */
  2. .part {
  3. border-radius: 16rpx;
  4. /* padding: 20rpx 00rpx; */
  5. background: #fff;
  6. }
  7. .topCarInfo{
  8. margin-top: -30rpx;
  9. padding: 24rpx 36rpx;
  10. border-radius: 20rpx 20rpx 0rpx 0rpx;
  11. z-index: 1;
  12. position: relative;
  13. }
  14. .title{
  15. position: relative;
  16. }
  17. .title-left{
  18. display: flex;
  19. align-items: center;
  20. }
  21. .title-right{
  22. position: absolute;
  23. top: 0rpx;
  24. right: 0;
  25. line-height: 54rpx;
  26. font-size: 20rpx;
  27. color: rgba(0,0,0,0.65);
  28. /* z-index: 1; */
  29. }
  30. .title-right>view:last-child{
  31. margin-top: -14rpx;
  32. }
  33. .licensePlate{
  34. margin-left: 16rpx;
  35. }
  36. .codeType{
  37. margin-top: 10rpx;
  38. }
  39. .codeType text{
  40. display: inline-block;
  41. height: 44rpx;
  42. line-height: 44rpx;
  43. margin-right: 12rpx;
  44. padding: 0 8rpx;
  45. font-size: 20rpx;
  46. color: #2C6CEC;
  47. background: rgba(44,108,236,0.1);
  48. border-radius: 4rpx;
  49. }
  50. .weightNum{
  51. display: flex;
  52. padding: 20rpx 0;
  53. background: #F4F5F8;
  54. margin: 16rpx 0 0;
  55. border-radius: 4rpx;
  56. overflow: hidden;
  57. }
  58. .weightNum > view{
  59. flex: 1;
  60. overflow: hidden;
  61. text-align: center;
  62. }
  63. .weightNum > view text{
  64. display: block;
  65. }
  66. .weightNum > view text:first-child{
  67. font-size: 20rpx;
  68. color: rgba(0,0,0,0.45);
  69. margin-bottom: 6rpx;
  70. }
  71. .weightNum > view text:last-child{
  72. font-size: 28rpx;
  73. font-weight: bold;
  74. color: rgba(0,0,0,0.85);
  75. }
  76. .weightLeft{
  77. position: relative;
  78. }
  79. .weightLeft::after{
  80. height: 58rpx;
  81. border-right: 1rpx solid rgba(0,0,0,0.08);
  82. bottom: 0;
  83. box-sizing: border-box;
  84. content: " ";
  85. pointer-events: none;
  86. position: absolute;
  87. right: 0;
  88. }
  89. .topImgBox{
  90. position: relative;
  91. }
  92. .topImgBox image{
  93. width: 100%;
  94. }
  95. .imgTitle{
  96. font-size: 20rpx;
  97. color: #FFFFFF;
  98. position: absolute;
  99. right: 20rpx;
  100. bottom: 60rpx;
  101. }
  102. .imgTitle text{
  103. padding: 8rpx 10rpx;
  104. }
  105. /* 轮播图 */
  106. .banner {
  107. position: fixed;
  108. top: 0;
  109. left: 0;
  110. width: 100%;
  111. height: 500rpx;
  112. background-color: #8d8d8d;
  113. }
  114. .slide-image{
  115. width: 100%;
  116. height: 100%;
  117. }
  118. .showNumber{
  119. position: absolute;
  120. top: 400rpx;
  121. right: 30rpx;
  122. z-index: 9999;
  123. color: #f5f5f5;
  124. font-size: 14px;
  125. }
  126. /* 图片上传时高度自适应 */
  127. .checkbox {
  128. height: auto;
  129. }
  130. .checkboxView .van-cell__value,
  131. .checkbox .van-field__control--custom {
  132. height: auto;
  133. }