Commit bb62d3ea23ed20183c8e7df7a0d64948f180c5a4

Authored by guzijian
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%;