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