inputLicensePlate.css 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118
  1. .container {
  2. padding: 64rpx 32rpx 42rpx;
  3. background-color: #ffffff;
  4. height: 100vh;
  5. }
  6. .code {
  7. margin: auto;
  8. margin-top: 50rpx;
  9. width: 650rpx;
  10. /* height: auto; */
  11. }
  12. .code-tip {
  13. justify-content: space-between;
  14. align-items: center;
  15. margin-bottom: 58rpx;
  16. }
  17. .code-tip>view:nth-of-type(1) {
  18. color: #2A3A5A;
  19. font-size: 56rpx;
  20. font-weight: bold;
  21. }
  22. .code-scan {
  23. display: flex;
  24. align-items: center;
  25. color: #0074FF;
  26. font-size: 22rpx;
  27. text-align: center;
  28. background-color: #E5F1FF;
  29. border-radius: 24rpx;
  30. height: 48rpx;
  31. line-height: 48rpx;
  32. padding-left: 20rpx;
  33. padding-right: 20rpx;
  34. }
  35. .code-scan>img {
  36. width: 28rpx;
  37. height: 28rpx;
  38. vertical-align: middle;
  39. margin-right: 4rpx;
  40. }
  41. .cinput {
  42. position: fixed;
  43. left: -100rpx;
  44. width: 50rpx;
  45. height: 50rpx;
  46. }
  47. .code-input {
  48. display: flex;
  49. }
  50. .input-item {
  51. /* width: 96rpx; */
  52. height: 128rpx;
  53. line-height: 128rpx;
  54. color: #2A3A5A;
  55. font-size: 76rpx;
  56. font-weight: bold;
  57. background-color: #F3F8FF;
  58. border-radius: 16rpx;
  59. margin-left: 18rpx;
  60. padding-left: 18rpx;
  61. width: 16%;
  62. border: 4rpx solid #F3F8FF;
  63. }
  64. .inputed-item {
  65. height: 128rpx;
  66. line-height: 128rpx;
  67. color: #2A3A5A;
  68. font-size: 76rpx;
  69. font-weight: bold;
  70. background-color: #F3F8FF;
  71. border-radius: 16rpx;
  72. margin-left: 18rpx;
  73. padding-left: 18rpx;
  74. width: 16%;
  75. border: 4rpx solid #0074FF;
  76. }
  77. .input-select {
  78. width: 96rpx;
  79. height: 128rpx;
  80. color: #2A3A5A;
  81. font-size: 76rpx;
  82. font-weight: bold;
  83. background-color: #F3F8FF;
  84. border-radius: 16rpx;
  85. margin-left: 18rpx;
  86. border: 4rpx solid #0074FF;
  87. }
  88. .input-item>view:nth-child(1) {
  89. margin-left: 0rpx;
  90. }
  91. .inputStyle-wx {
  92. width: 1rpx;
  93. height: 1rpx;
  94. position: absolute;
  95. left: -200rpx;
  96. top: -20rpx;
  97. }
  98. .inputStyle-ali {
  99. width: 100rpx;
  100. height:1rpx;
  101. color: white;
  102. border: 1px solid #fff;
  103. background-color: #fff;
  104. }