Commit bb62d3ea23ed20183c8e7df7a0d64948f180c5a4
1 parent
590074cc
feat: 基本样式修改
Showing
1 changed file
with
18 additions
and
16 deletions
src/views/home/index.vue
| @@ -207,11 +207,12 @@ const globalInfoBoxList = reactive( | @@ -207,11 +207,12 @@ const globalInfoBoxList = reactive( | ||
| 207 | const signStyleColor = ref( | 207 | const signStyleColor = ref( |
| 208 | [ | 208 | [ |
| 209 | { | 209 | { |
| 210 | - backgroundColor: "#10A0DD", | 210 | + backgroundColor: "green", |
| 211 | + color: "white", | ||
| 211 | label: "今日签到正常" | 212 | label: "今日签到正常" |
| 212 | }, | 213 | }, |
| 213 | { | 214 | { |
| 214 | - border: "2px solid #0761ba", | 215 | + border: "2px solid #d9e0e2", |
| 215 | label: "今日打卡未签" | 216 | label: "今日打卡未签" |
| 216 | }, | 217 | }, |
| 217 | { | 218 | { |
| @@ -402,7 +403,7 @@ const handleGlobalInfo = (data, num) => { | @@ -402,7 +403,7 @@ const handleGlobalInfo = (data, num) => { | ||
| 402 | .app-container { | 403 | .app-container { |
| 403 | width: 100%; | 404 | width: 100%; |
| 404 | height: 100%; | 405 | height: 100%; |
| 405 | - background-color: #081138; | 406 | + background-color: #ffffff; |
| 406 | padding: 0 !important; | 407 | padding: 0 !important; |
| 407 | box-sizing: border-box; | 408 | box-sizing: border-box; |
| 408 | 409 | ||
| @@ -412,15 +413,15 @@ const handleGlobalInfo = (data, num) => { | @@ -412,15 +413,15 @@ const handleGlobalInfo = (data, num) => { | ||
| 412 | width: 100%; | 413 | width: 100%; |
| 413 | height: 100%; | 414 | height: 100%; |
| 414 | // 整体蓝色背景 | 415 | // 整体蓝色背景 |
| 415 | - background-image: url("@/assets/bigview/back.png"); | ||
| 416 | - background-size: cover; | ||
| 417 | - background-repeat: no-repeat; | ||
| 418 | - background-position: cover; | ||
| 419 | - color: whitesmoke; | 416 | + // background-image: url("@/assets/bigview/back.png"); |
| 417 | + // background-size: cover; | ||
| 418 | + // background-repeat: no-repeat; | ||
| 419 | + // background-position: cover; | ||
| 420 | + color: black; | ||
| 420 | box-sizing: border-box; | 421 | box-sizing: border-box; |
| 421 | padding: 0 1.5vw 1.5vw 1.5vw; | 422 | padding: 0 1.5vw 1.5vw 1.5vw; |
| 422 | 423 | ||
| 423 | - background-size: 100% 100%; | 424 | + // background-size: 100% 100%; |
| 424 | // min-height: 900px; | 425 | // min-height: 900px; |
| 425 | // min-width: 1600px; | 426 | // min-width: 1600px; |
| 426 | 427 | ||
| @@ -465,9 +466,9 @@ const handleGlobalInfo = (data, num) => { | @@ -465,9 +466,9 @@ const handleGlobalInfo = (data, num) => { | ||
| 465 | height: 100%; | 466 | height: 100%; |
| 466 | display: flex; | 467 | display: flex; |
| 467 | margin-right: clamp(0.7rem, 0.489rem + 1.05vw, 1.2rem); | 468 | margin-right: clamp(0.7rem, 0.489rem + 1.05vw, 1.2rem); |
| 468 | - background-image: url('@/assets/bigview/bottom-box-small.png'); | ||
| 469 | - background-repeat: no-repeat; | ||
| 470 | - background-size: 100% 100%; | 469 | + // background-image: url('@/assets/bigview/bottom-box-small.png'); |
| 470 | + // background-repeat: no-repeat; | ||
| 471 | + // background-size: 100% 100%; | ||
| 471 | justify-content: center; | 472 | justify-content: center; |
| 472 | align-items: center; | 473 | align-items: center; |
| 473 | 474 | ||
| @@ -592,9 +593,9 @@ const handleGlobalInfo = (data, num) => { | @@ -592,9 +593,9 @@ const handleGlobalInfo = (data, num) => { | ||
| 592 | flex-grow: 1; | 593 | flex-grow: 1; |
| 593 | width: 33.3%; | 594 | width: 33.3%; |
| 594 | height: 100%; | 595 | height: 100%; |
| 595 | - background-image: url("@/assets/bigview/bottom-box.png"); | 596 | + // background-image: url("@/assets/bigview/bottom-box.png"); |
| 596 | margin-right: clamp(0.7rem, 0.489rem + 1.05vw, 1.2rem); | 597 | margin-right: clamp(0.7rem, 0.489rem + 1.05vw, 1.2rem); |
| 597 | - background-size: 100% 100%; | 598 | + // background-size: 100% 100%; |
| 598 | box-sizing: border-box; | 599 | box-sizing: border-box; |
| 599 | padding: clamp(0.6rem, 0.489rem + 1.05vw, 1rem); | 600 | padding: clamp(0.6rem, 0.489rem + 1.05vw, 1rem); |
| 600 | 601 | ||
| @@ -624,7 +625,8 @@ const handleGlobalInfo = (data, num) => { | @@ -624,7 +625,8 @@ const handleGlobalInfo = (data, num) => { | ||
| 624 | .fleet-content-box { | 625 | .fleet-content-box { |
| 625 | height: calc(100% - clamp(0.8rem, -0.907rem + 5.71vw, 1.3rem)); | 626 | height: calc(100% - clamp(0.8rem, -0.907rem + 5.71vw, 1.3rem)); |
| 626 | width: 100%; | 627 | width: 100%; |
| 627 | - overflow-y: scroll; | 628 | + overflow-y: hidden; |
| 629 | + // overflow-y: scroll; | ||
| 628 | overflow-x: hidden; | 630 | overflow-x: hidden; |
| 629 | 631 | ||
| 630 | // 线路信息 | 632 | // 线路信息 |
| @@ -653,7 +655,7 @@ const handleGlobalInfo = (data, num) => { | @@ -653,7 +655,7 @@ const handleGlobalInfo = (data, num) => { | ||
| 653 | margin-right: 0.4vw; | 655 | margin-right: 0.4vw; |
| 654 | box-sizing: border-box; | 656 | box-sizing: border-box; |
| 655 | margin-top: 0.4vw; | 657 | margin-top: 0.4vw; |
| 656 | - color: white; | 658 | + color: black; |
| 657 | 659 | ||
| 658 | .fleet-nbbm-info-have-sale { | 660 | .fleet-nbbm-info-have-sale { |
| 659 | width: 100%; | 661 | width: 100%; |