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 |