index.wxss 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. /* components/addCarNumber/index.wxss */
  2. /* 容器样式 */
  3. .container {
  4. padding: 110rpx 12rpx 50rpx 12rpx ;
  5. display: flex;
  6. justify-content: center;
  7. flex-wrap: wrap;
  8. }
  9. .topTab{
  10. margin-top: 18rpx;
  11. width: 100%;
  12. background-color: white;
  13. display: flex;
  14. justify-content: space-between;
  15. padding: 10rpx 20rpx;
  16. position: fixed;
  17. box-sizing: border-box;
  18. z-index: 99;
  19. }
  20. .sure{
  21. font-size: 35rpx;
  22. color: white;
  23. background-color: #4fc08d;
  24. padding: 10rpx 20rpx;
  25. border-radius: 15rpx;
  26. }
  27. .disable {
  28. background-color: #EBEDF0;
  29. color: #DCDEE0;
  30. }
  31. .cancel{
  32. font-size: 35rpx;
  33. color: #646566;
  34. border: 1px solid #EBEDF0;
  35. /* background-color: #a0a0a0; */
  36. padding: 10rpx 20rpx;
  37. border-radius: 15rpx;
  38. }
  39. /* 中文字母字符样式 */
  40. .box {
  41. flex: 1;
  42. display: inline-block;
  43. background-color: white;
  44. border: 1px solid rgb(211, 207, 207);
  45. text-align: center;
  46. margin: 10rpx;
  47. border-radius: 10rpx;
  48. }
  49. .box-chinese {
  50. padding: 15rpx;
  51. }
  52. .box-number {
  53. padding: 15rpx 18rpx;
  54. }
  55. .box-active:active {
  56. background-color: rgb(185, 185, 185);
  57. color: white;
  58. }
  59. /* 删除按钮 */
  60. .box-max {
  61. flex: 10000;
  62. border: none !important;
  63. }
  64. .bg-red {
  65. background-color: rgb(202, 80, 76);
  66. color: white;
  67. }
  68. .bg-blue {
  69. background-color: rgb(58, 116, 224);
  70. color: white;
  71. }