Commit 2d6f9a520ba7e41f6b5c33de5c2907e7c0aae7f8

Authored by 后端开发-许程
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