Blame view

pages/inputCarNumber/inputCarNumber.scss 2.34 KB
4b045f7c   刘淇   江阴初始化项目
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
  /*
   * @Author: 李磊 
   * @Date: 2018-11-14 14:59:16 
   * @Last Modified by: 李磊
   * @Last Modified time: 2018-11-26 18:58:22
   */
  /*宽度转换vw*/
  @function vww($number) {
      @return ($number / 375)*750+rpx;
  }
  @mixin bgCenterCustom($bg_Cover:contain) {
      background-repeat: no-repeat;
      background-size: $bg_Cover;
      background-position: center;
  }
  .search-car-all {
      width: 100vw;
      height: 100vh;
      background: #FFFFFF;
  
      //背景图
  
      .search-car-input {
          position: relative;
          z-index: 9999;
          width: vww(341);
          height: vww(50);
          background: #FFFFFF;
          margin: 0 auto;
          margin-top: vww(-25);
          box-shadow: 0px 4px 9px 2px rgba(103, 201, 254, 0.21);
          border-radius: 4px;
  
          .car-input {
              float: left;
              height: vww(20);
              display: flex;
              margin-top: vww(15);
              padding-left: vww(12);
  
              //输入的车牌
              .car-input-text {
                  float: left;
                  font-size: vww(16);
                  color: #4A4A4A;
                  height: vww(20);
                  line-height: vww(20);
                  letter-spacing: 6px !important;
              }
  
              //新能源标识图
              .energy {
                  float: left;
                  width: vww(28);
                  height: vww(15);
                  vertical-align: middle;
                  align-self: center;
                  margin-right: vww(10);
  
                  image {
                      width: vww(28);
                      height: vww(15);
                      display: block;
                  }
              }
  
              // 输入焦点图片
              .cursor {
                  float: left;
                  width: 1px;
                  height: vww(15);
                  vertical-align: middle;
                  align-self: center;
  
                  image {
                      width: 1px;
                      display: block;
                      height: vww(15);
                  }
              }
          }
  
          //添加并查询
          .search-car {
              float: right;
              width: vww(98);
              height: vww(22);
              margin-top: vww(14);
              border-left: 2px solid #9B9B9B;
              text-align: center;
              color: #00A7EA;
              font-size: vww(14);
              line-height: vww(22);
          }
      }
  }