b48cff58 by renchao@pashanhoo.com

style:登薄日志数据上报状态颜色的修改

1 parent 8ff073d0
...@@ -431,79 +431,6 @@ aside { ...@@ -431,79 +431,6 @@ aside {
431 border-radius: 16px; 431 border-radius: 16px;
432 color: #B06974; 432 color: #B06974;
433 } 433 }
434 // 通过 入库 样式
435 .adopt,
436 .success {
437 color: #00FAA8;
438 position: relative;
439 }
440
441 .warehousing {
442 color: #FFCA57;
443 position: relative;
444 }
445
446 .fail {
447 color: #F56C6C;
448 position: relative;
449 }
450
451
452 .adopt::before {
453 position: absolute;
454 content: '';
455 display: block;
456 width: 8px;
457 height: 8px;
458 left: -15px;
459 top: 5px;
460 background: #00FAA8;
461 border-radius: 50%;
462 border: 2px solid rgba(0, 0, 0, 0.2);
463 }
464
465 .warehousing::before {
466 position: absolute;
467 content: '';
468 display: block;
469 width: 8px;
470 height: 8px;
471 left: -15px;
472 top: 4px;
473 background: #FF9933;
474 border-radius: 50%;
475 border: 2px solid rgba(0, 0, 0, 0.2);
476 }
477
478 // 成功 失败
479 .success::before {
480 position: absolute;
481 content: '√';
482 display: block;
483 width: 0;
484 height: 8px;
485 left: -10px;
486 top: 2px;
487 background: #00FAA8;
488 color: #00FAA8;
489 }
490
491 .fail {
492 color: #FF7962;
493 position: relative;
494 }
495
496 .fail::before {
497 position: absolute;
498 content: '!';
499 display: block;
500 width: 0;
501 height: 8px;
502 left: -10px;
503 top: 2px;
504 background: #FF7962;
505 color: #FF7962;
506 }
507 434
508 // 引入字体 435 // 引入字体
509 @font-face { 436 @font-face {
......
...@@ -63,8 +63,6 @@ ...@@ -63,8 +63,6 @@
63 63
64 // 查询表单样式 64 // 查询表单样式
65 .from-clues { 65 .from-clues {
66
67
68 height: 100%; 66 height: 100%;
69 width: 100%; 67 width: 100%;
70 // min-width: 1280px; 68 // min-width: 1280px;
...@@ -232,6 +230,80 @@ ...@@ -232,6 +230,80 @@
232 color: #FFFFFF; 230 color: #FFFFFF;
233 } 231 }
234 232
233 // 通过 入库 样式
234 .adopt,
235 .success {
236 color: #00FAA8;
237 position: relative;
238 }
239
240 .warehousing {
241 color: #FFCA57;
242 position: relative;
243 }
244
245 .fail {
246 color: #F56C6C;
247 position: relative;
248 }
249
250
251 .adopt::before {
252 position: absolute;
253 content: '';
254 display: block;
255 width: 8px;
256 height: 8px;
257 left: -15px;
258 top: 5px;
259 background: #00FAA8;
260 border-radius: 50%;
261 border: 2px solid rgba(0, 0, 0, 0.2);
262 }
263
264 .warehousing::before {
265 position: absolute;
266 content: '';
267 display: block;
268 width: 8px;
269 height: 8px;
270 left: -15px;
271 top: 4px;
272 background: #FF9933;
273 border-radius: 50%;
274 border: 2px solid rgba(0, 0, 0, 0.2);
275 }
276
277 // 成功 失败
278 .success::before {
279 position: absolute;
280 content: '√';
281 display: block;
282 width: 0;
283 height: 8px;
284 left: -10px;
285 top: 2px;
286 background: #00FAA8;
287 color: #00FAA8;
288 }
289
290 .fail {
291 color: #FF7962;
292 position: relative;
293 }
294
295 .fail::before {
296 position: absolute;
297 content: '!';
298 display: block;
299 width: 0;
300 height: 8px;
301 left: -10px;
302 top: 2px;
303 background: #FF7962;
304 color: #FF7962;
305 }
306
235 307
236 //*****end*通用表单查询条件,列表样式******// 308 //*****end*通用表单查询条件,列表样式******//
237 .el-range-separator { 309 .el-range-separator {
......
...@@ -69,6 +69,23 @@ ...@@ -69,6 +69,23 @@
69 height: calc(100vh - 230px); 69 height: calc(100vh - 230px);
70 } 70 }
71 71
72 // 通过 入库 样式
73 .adopt,
74 .success {
75 color: #0A852A;
76 position: relative;
77 }
78
79 .warehousing {
80 color: #FFCA57;
81 position: relative;
82 }
83
84 .fail {
85 color: #AB0C0C;
86 position: relative;
87 }
88
72 /* --------------进度条美化---------------- */ 89 /* --------------进度条美化---------------- */
73 ::-webkit-scrollbar { 90 ::-webkit-scrollbar {
74 width: 7px; 91 width: 7px;
...@@ -191,25 +208,6 @@ ...@@ -191,25 +208,6 @@
191 208
192 } 209 }
193 210
194 // 面包屑
195 // .breadcrumb {
196 // width: 80%;
197 // text-indent: 10px;
198 // background: url("~@/image/breadcrumb.png") no-repeat;
199 // background-size: 100% 100%;
200 // line-height: 32px;
201 // height: 32px;
202 // padding-left: 35px;
203 // margin: 8px 0 10px 6px;
204 // color: #CEF8FF;
205 // }
206
207 .el-icon-arrow-right {
208 // width: 2px;
209 // position: relative;
210 // left: 10px;
211 }
212
213 .el-breadcrumb__inner { 211 .el-breadcrumb__inner {
214 color: #CEF8FF !important; 212 color: #CEF8FF !important;
215 } 213 }
......