Commit 2d6f9a520ba7e41f6b5c33de5c2907e7c0aae7f8
1 parent
34d74f9b
样式修改
Showing
1 changed file
with
61 additions
and
18 deletions
app.wxss
@@ -19,6 +19,10 @@ button { | @@ -19,6 +19,10 @@ button { | ||
19 | padding-right: 0; background-color: transparent; | 19 | padding-right: 0; background-color: transparent; |
20 | font-size: 28rpx; | 20 | font-size: 28rpx; |
21 | } | 21 | } |
22 | +.xc-wc{ | ||
23 | + color: #d60021; | ||
24 | + | ||
25 | +} | ||
22 | .wh100 { | 26 | .wh100 { |
23 | width: 100%; | 27 | width: 100%; |
24 | height: 100%; | 28 | height: 100%; |
@@ -42,14 +46,13 @@ button { | @@ -42,14 +46,13 @@ button { | ||
42 | -webkit-box-orient: vertical; | 46 | -webkit-box-orient: vertical; |
43 | -webkit-line-clamp: 3; | 47 | -webkit-line-clamp: 3; |
44 | } | 48 | } |
49 | + | ||
45 | .pd-bg-fff { | 50 | .pd-bg-fff { |
46 | padding: 0 30rpx; | 51 | padding: 0 30rpx; |
47 | background-color: #fff; | 52 | background-color: #fff; |
48 | font-size: 32rpx; | 53 | font-size: 32rpx; |
49 | } | 54 | } |
50 | -.co-red { | ||
51 | - color: #f23030; | ||
52 | -} | 55 | + |
53 | .hide { | 56 | .hide { |
54 | display: none; | 57 | display: none; |
55 | } | 58 | } |
@@ -129,6 +132,7 @@ justify-content:center; | @@ -129,6 +132,7 @@ justify-content:center; | ||
129 | .flex-vertical{ | 132 | .flex-vertical{ |
130 | display:flex; | 133 | display:flex; |
131 | align-items:center; | 134 | align-items:center; |
135 | + | ||
132 | } | 136 | } |
133 | /* 水平左垂直对齐 */ | 137 | /* 水平左垂直对齐 */ |
134 | .flex-left-center{ | 138 | .flex-left-center{ |
@@ -136,6 +140,7 @@ align-items:center; | @@ -136,6 +140,7 @@ align-items:center; | ||
136 | justify-content:flex-start; | 140 | justify-content:flex-start; |
137 | align-items:center; | 141 | align-items:center; |
138 | } | 142 | } |
143 | +.flex{display: flex} | ||
139 | /* 水平左对齐 */ | 144 | /* 水平左对齐 */ |
140 | .flex-level-left{ | 145 | .flex-level-left{ |
141 | display:flex; | 146 | display:flex; |
@@ -187,6 +192,10 @@ position:fixed; | @@ -187,6 +192,10 @@ position:fixed; | ||
187 | display: flex; | 192 | display: flex; |
188 | justify-content:space-between; | 193 | justify-content:space-between; |
189 | } | 194 | } |
195 | +/* 使文字处于水平线上 */ | ||
196 | +.ai-bas{ | ||
197 | +align-items: baseline; | ||
198 | +} | ||
190 | 199 | ||
191 | 200 | ||
192 | /* 垂直居中 中间等距两边贴边 7.13*/ | 201 | /* 垂直居中 中间等距两边贴边 7.13*/ |
@@ -251,28 +260,19 @@ justify-content:space-around; | @@ -251,28 +260,19 @@ justify-content:space-around; | ||
251 | font-style: normal; | 260 | font-style: normal; |
252 | } | 261 | } |
253 | 262 | ||
254 | -.fs20{ | ||
255 | - font-size: 20rpx; | ||
256 | -} | ||
257 | .fs22{ | 263 | .fs22{ |
258 | font-size: 22rpx; | 264 | font-size: 22rpx; |
259 | } | 265 | } |
260 | -.fs24{ | ||
261 | - font-size: 24rpx; | ||
262 | -} | 266 | + |
263 | .fs26{ | 267 | .fs26{ |
264 | font-size: 26rpx; | 268 | font-size: 26rpx; |
265 | } | 269 | } |
266 | -.fs28{ | ||
267 | - font-size: 28rpx; | ||
268 | -} | 270 | + |
269 | 271 | ||
270 | .fs30{ | 272 | .fs30{ |
271 | font-size:30rpx; | 273 | font-size:30rpx; |
272 | } | 274 | } |
273 | -.fs32{ | ||
274 | - font-size:32rpx; | ||
275 | -} | 275 | + |
276 | .fs35{ | 276 | .fs35{ |
277 | font-size:35rpx; | 277 | font-size:35rpx; |
278 | } | 278 | } |
@@ -282,11 +282,19 @@ justify-content:space-around; | @@ -282,11 +282,19 @@ justify-content:space-around; | ||
282 | .fs50{ | 282 | .fs50{ |
283 | font-size: 50rpx; | 283 | font-size: 50rpx; |
284 | } | 284 | } |
285 | -.fs60{ font-size:60rpx;} | 285 | + |
286 | 286 | ||
287 | /* 7.26 */ | 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 | .oh{ | 299 | .oh{ |
292 | overflow: hidden; | 300 | overflow: hidden; |
@@ -304,3 +312,38 @@ color: #b9b9b9; | @@ -304,3 +312,38 @@ color: #b9b9b9; | ||
304 | position: fixed; | 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 | \ No newline at end of file | 350 | \ No newline at end of file |