index.css
4.93 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
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
/* 水平间距 */
/* 水平间距 */
[data-v-60071293]:root {
--essential-color-red:#EF4F3F;
--assist-color-green:#27BA9B;
--assist-color-orange:#E19A30;
--assist-color-orange:#FF4C4C;
--neutral-color-main:#2A2929;
--neutral-color-border:#D9D9D9;
--neutral-color-font:#818181;
--neutral-color-segmentation:#EEEEEE;
--neutral-color-white:#FFFFFF;
--neutral-color-placeholder:#C2C1C1;
--neutral-color-background:#F4F4F4;
--neutral-color-cancel:#F4F4F4;
--neutral-color-disable:#DEDEDE;
--neutral-color-disable1:#FADCD9;
--font-size-18:1.125rem;
--font-size-16:1rem;
--font-size-14:0.875rem;
--font-size-13:0.8125rem;
--font-size-12:0.75rem;
}
.nav-bg[data-v-60071293] {
background-image: linear-gradient(205deg, #f25c4d 2%, #e52d21 100%, #e52d21 100%);
line-height: 2.5rem;
text-align: center;
color: var(--neutral-color-white);
}
.nav-bg[data-v-60071293] .uni-navbar__header-btns-left,
.nav-bg[data-v-60071293] .uni-navbar__header-btns-right {
display: none !important;
}
.nav-bg[data-v-60071293] .uni-icons {
background: url(../../static/search.png) 50% 50% no-repeat;
background-size: contain;
}
.nav-bg[data-v-60071293] .uni-input-placeholder {
color: #f9c5c0;
}
.nav-bg[data-v-60071293] .uni-input-input {
background: rgba(250, 250, 250, 0.24);
color: #f9c5c0;
}
.nav-bg .uni-badge-absolute[data-v-60071293] {
margin-left: 40px;
}
.nav-bg .rightText[data-v-60071293] {
text-align: center;
padding-left: 0.875rem;
}
.nav-bg .box[data-v-60071293] {
width: 1.0625rem;
height: 1.0625rem;
background-size: contain;
}
.nav-bg .box-text[data-v-60071293] {
text-align: center;
color: var(--neutral-color-white);
font-size: 12px;
}
.nav-bg[data-v-60071293] .uni-badge--error {
height: 0.75rem;
line-height: 0.75rem;
background: var(--neutral-color-white);
border-radius: 0.34375rem;
font-size: 0.5625rem;
color: #f25c4d;
right: -18px !important;
top: -3px !important;
}
.nav-bg .newInfo[data-v-60071293] {
color: var(--neutral-color-white);
font-size: 0.625rem;
line-height: 0.625rem;
}
/* 水平间距 */
/* 水平间距 */
.teskInfo[data-v-c24f0a09] {
text-align: center;
position: relative;
z-index: 1;
top: -5.625rem;
background: var(--neutral-color-white);
border-radius: 0.5rem;
padding: 0.8125rem 1.5rem;
}
.teskInfo .title[data-v-c24f0a09] {
padding-bottom: 0.625rem;
}
.teskInfo .info[data-v-c24f0a09] {
display: flex;
text-align: center;
justify-content: space-between;
line-height: 1.5rem;
color: var(--neutral-color-main);
}
.teskInfo .info .cl[data-v-c24f0a09] {
flex: 1;
}
.teskInfo .info .cl .num[data-v-c24f0a09] {
line-height: 3.125rem;
font-weight: 600;
font-size: var(--font-size-18);
}
.teskInfo .info .cl .title[data-v-c24f0a09] {
font-size: var(--font-size-12);
}
/* 水平间距 */
/* 水平间距 */
/* 水平间距 */
/* 水平间距 */
[data-v-79e6a490]:root {
--essential-color-red:#EF4F3F;
--assist-color-green:#27BA9B;
--assist-color-orange:#E19A30;
--assist-color-orange:#FF4C4C;
--neutral-color-main:#2A2929;
--neutral-color-border:#D9D9D9;
--neutral-color-font:#818181;
--neutral-color-segmentation:#EEEEEE;
--neutral-color-white:#FFFFFF;
--neutral-color-placeholder:#C2C1C1;
--neutral-color-background:#F4F4F4;
--neutral-color-cancel:#F4F4F4;
--neutral-color-disable:#DEDEDE;
--neutral-color-disable1:#FADCD9;
--font-size-18:1.125rem;
--font-size-16:1rem;
--font-size-14:0.875rem;
--font-size-13:0.8125rem;
--font-size-12:0.75rem;
}
.userContainer .topbackground[data-v-79e6a490] {
position: relative;
overflow: hidden;
height: 42vh;
}
.userContainer .topbackground[data-v-79e6a490]::before {
content: "";
position: absolute;
left: -50%;
z-index: 1;
width: 200vw;
border-radius: 100%;
bottom: 0;
height: 80vh;
background-color: var(--essential-color-red);
}
.userContainer .container[data-v-79e6a490] {
padding: 0.9375rem;
}
.userContainer .myInfo[data-v-79e6a490] {
width: 80%;
position: absolute;
left: 50%;
transform: translate(-50%);
bottom: 6.25rem;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
z-index: 1;
color: var(--neutral-color-white);
font-size: var(--font-size-14);
line-height: 1.875rem;
}
.userContainer .myInfo .title[data-v-79e6a490] {
font-weight: 600;
font-size: var(--font-size-18);
line-height: 2.5rem;
}
.userContainer .myInfo .userIcon[data-v-79e6a490] {
width: 4.0625rem;
height: 4.0625rem;
}
.userContainer .navList[data-v-79e6a490] {
position: relative;
top: -4.6875rem;
background: var(--neutral-color-white);
border-radius: 0.5rem;
padding: 0 1.5rem;
}
.userContainer .navList .line[data-v-79e6a490] {
line-height: 3.625rem;
border-bottom: solid 0.0625rem var(--neutral-color-cancel);
display: flex;
justify-content: space-between;
align-items: center;
}
.userContainer .navList .line .icon[data-v-79e6a490] {
width: 1.5rem;
height: 1.5rem;
}
.userContainer .navList .line[data-v-79e6a490]:last-child {
border: none;
}