inputCarNumber.scss
2.34 KB
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);
}
}
}