index.less
2.15 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
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
.input-class {
font-size: 1rem;
}
.label-class {
font-size: 1rem;
width: 7em;
}
.label-class-super.van-field__label, .van-field__label--disabled {
font-size: 1rem;
width: 7em;
color: #999999 !important;
}
.divide-line {
height: 0.5rem;
}
.van-field__control--disabled {
color: #222 !important;
}
.van-field__label, .van-field__label--disabled {
color: #222 !important;
}
.upload-box {
position: relative;
border: 4px dotted #199A74;
background-color: #F5FFFB;
height: 12rem;
margin-top: 0.5rem;
.upload-icon {
position: absolute;
left: 40%;
transform: translateX(-40%);
top: 50%;
transform: translateY(-50%);
}
.upload-close {
position: absolute;
right: -0.5rem;
top: -0.5rem;
}
}
.form-item {
padding: 0.5rem 1rem;
background-color: #FFFFFF;
.form-item-title {
font-size: 1rem;
&.border {
padding-bottom: 0.5rem;
border-bottom: 1px solid #F2F2F2;
}
&.required::before {
color: red;
content: "*";
font-size: 0.9rem;
left: 0.5rem;
position: absolute;
}
.sub {
color: #999;
}
}
}
.sign-box {
width: 100%;
display: flex;
flex-wrap: wrap;
background-color: #FFFFFF;
padding-bottom: 1rem;
.sign-item {
flex: 1;
width: 27%;
min-width: 27%;
max-width: 27%;
border: 1px solid #999999;
color: #999999;
margin: 1rem;
margin-right: 0;
margin-bottom: 0;
text-align: center;
padding: 0.5rem 0;
text {
position: relative;
&.required::before {
color: red;
content: "*";
font-size: 0.9rem;
left: -0.5rem;
position: absolute;
}
}
&.checked {
border: 1px solid #199A74;
color: #199A74;
}
}
}
.wrapper {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.block {
background-color: #fff;
border-radius: 0.6rem;
}
.bg-gradient {
background: linear-gradient(#B3DDC9, #B3DDC9) no-repeat;
/*调整下划线的宽度占百分之百 高度是3px */
background-size: 100% 1vw;
/* 调整下划线的起始位置 左侧是0 上边是1.15em */
background-position: 0 1rem;
}