Commit 2d6f9a520ba7e41f6b5c33de5c2907e7c0aae7f8
1 parent
34d74f9b
样式修改
Showing
1 changed file
with
61 additions
and
18 deletions
app.wxss
... | ... | @@ -19,6 +19,10 @@ button { |
19 | 19 | padding-right: 0; background-color: transparent; |
20 | 20 | font-size: 28rpx; |
21 | 21 | } |
22 | +.xc-wc{ | |
23 | + color: #d60021; | |
24 | + | |
25 | +} | |
22 | 26 | .wh100 { |
23 | 27 | width: 100%; |
24 | 28 | height: 100%; |
... | ... | @@ -42,14 +46,13 @@ button { |
42 | 46 | -webkit-box-orient: vertical; |
43 | 47 | -webkit-line-clamp: 3; |
44 | 48 | } |
49 | + | |
45 | 50 | .pd-bg-fff { |
46 | 51 | padding: 0 30rpx; |
47 | 52 | background-color: #fff; |
48 | 53 | font-size: 32rpx; |
49 | 54 | } |
50 | -.co-red { | |
51 | - color: #f23030; | |
52 | -} | |
55 | + | |
53 | 56 | .hide { |
54 | 57 | display: none; |
55 | 58 | } |
... | ... | @@ -129,6 +132,7 @@ justify-content:center; |
129 | 132 | .flex-vertical{ |
130 | 133 | display:flex; |
131 | 134 | align-items:center; |
135 | + | |
132 | 136 | } |
133 | 137 | /* 水平左垂直对齐 */ |
134 | 138 | .flex-left-center{ |
... | ... | @@ -136,6 +140,7 @@ align-items:center; |
136 | 140 | justify-content:flex-start; |
137 | 141 | align-items:center; |
138 | 142 | } |
143 | +.flex{display: flex} | |
139 | 144 | /* 水平左对齐 */ |
140 | 145 | .flex-level-left{ |
141 | 146 | display:flex; |
... | ... | @@ -187,6 +192,10 @@ position:fixed; |
187 | 192 | display: flex; |
188 | 193 | justify-content:space-between; |
189 | 194 | } |
195 | +/* 使文字处于水平线上 */ | |
196 | +.ai-bas{ | |
197 | +align-items: baseline; | |
198 | +} | |
190 | 199 | |
191 | 200 | |
192 | 201 | /* 垂直居中 中间等距两边贴边 7.13*/ |
... | ... | @@ -251,28 +260,19 @@ justify-content:space-around; |
251 | 260 | font-style: normal; |
252 | 261 | } |
253 | 262 | |
254 | -.fs20{ | |
255 | - font-size: 20rpx; | |
256 | -} | |
257 | 263 | .fs22{ |
258 | 264 | font-size: 22rpx; |
259 | 265 | } |
260 | -.fs24{ | |
261 | - font-size: 24rpx; | |
262 | -} | |
266 | + | |
263 | 267 | .fs26{ |
264 | 268 | font-size: 26rpx; |
265 | 269 | } |
266 | -.fs28{ | |
267 | - font-size: 28rpx; | |
268 | -} | |
270 | + | |
269 | 271 | |
270 | 272 | .fs30{ |
271 | 273 | font-size:30rpx; |
272 | 274 | } |
273 | -.fs32{ | |
274 | - font-size:32rpx; | |
275 | -} | |
275 | + | |
276 | 276 | .fs35{ |
277 | 277 | font-size:35rpx; |
278 | 278 | } |
... | ... | @@ -282,11 +282,19 @@ justify-content:space-around; |
282 | 282 | .fs50{ |
283 | 283 | font-size: 50rpx; |
284 | 284 | } |
285 | -.fs60{ font-size:60rpx;} | |
285 | + | |
286 | 286 | |
287 | 287 | /* 7.26 */ |
288 | -.xc-wc{ | |
289 | - color: #e4374d; | |
288 | + | |
289 | +.red-b{ | |
290 | + background: #d60021; | |
291 | +} | |
292 | +.red-co{ | |
293 | + color: #d60021; | |
294 | + | |
295 | +} | |
296 | +.co-red { | |
297 | + color: #f23030; | |
290 | 298 | } |
291 | 299 | .oh{ |
292 | 300 | overflow: hidden; |
... | ... | @@ -304,3 +312,38 @@ color: #b9b9b9; |
304 | 312 | position: fixed; |
305 | 313 | |
306 | 314 | } |
315 | +.yellow{ | |
316 | + background-color: #ffb03f; | |
317 | +} | |
318 | +.green{ | |
319 | + background-color: #16ba63; | |
320 | +} | |
321 | +.blue_b{ | |
322 | + background-color:#059de5; | |
323 | +} | |
324 | +.blue_c{ | |
325 | + color: #059de5; | |
326 | +} | |
327 | +.powder{ | |
328 | +background: #ffe3e2; | |
329 | + | |
330 | +} | |
331 | +.fs32{ | |
332 | + font-size:32rpx; | |
333 | +} | |
334 | +.fs60{ font-size:60rpx;} | |
335 | +.fs28{ | |
336 | + font-size: 28rpx; | |
337 | +} | |
338 | +.fs20{ | |
339 | + font-size: 20rpx; | |
340 | +} | |
341 | +.fs24{ | |
342 | + font-size: 24rpx; | |
343 | +} | |
344 | +.fs36 { | |
345 | + font-size: 36rpx; | |
346 | +} | |
347 | +.fs40 { | |
348 | + font-size: 40rpx; | |
349 | +} | |
307 | 350 | \ No newline at end of file | ... | ... |