style:登薄日志数据上报状态颜色的修改
Showing
3 changed files
with
91 additions
and
94 deletions
... | @@ -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 | } | ... | ... |
-
Please register or sign in to post a comment