feat: 基本样式修改

guzijian
1 parent 590074cc
Showing 1 changed file with 18 additions and 16 deletions
src/views/home/index.vue
@@ -207,11 +207,12 @@ const globalInfoBoxList = reactive(
 const signStyleColor = ref(
   [
     {
-      backgroundColor: "#10A0DD",
+      backgroundColor: "green",
+      color: "white",
       label: "今日签到正常"
     },
     {
-      border: "2px solid #0761ba",
+      border: "2px solid #d9e0e2",
       label: "今日打卡未签"
     },
     {
@@ -402,7 +403,7 @@ const handleGlobalInfo = (data, num) =&gt; {
 .app-container {
   width: 100%;
   height: 100%;
-  background-color: #081138;
+  background-color: #ffffff;
   padding: 0 !important;
   box-sizing: border-box;
  
@@ -412,15 +413,15 @@ const handleGlobalInfo = (data, num) =&gt; {
     width: 100%;
     height: 100%;
     // 整体蓝色背景
-    background-image: url("@/assets/bigview/back.png");
-    background-size: cover;
-    background-repeat: no-repeat;
-    background-position: cover;
-    color: whitesmoke;
+    // background-image: url("@/assets/bigview/back.png");
+    // background-size: cover;
+    // background-repeat: no-repeat;
+    // background-position: cover;
+    color: black;
     box-sizing: border-box;
     padding: 0 1.5vw 1.5vw 1.5vw;
  
-    background-size: 100% 100%;
+    // background-size: 100% 100%;
     // min-height: 900px;
     // min-width: 1600px;
  
@@ -465,9 +466,9 @@ const handleGlobalInfo = (data, num) =&gt; {
         height: 100%;
         display: flex;
         margin-right: clamp(0.7rem, 0.489rem + 1.05vw, 1.2rem);
-        background-image: url('@/assets/bigview/bottom-box-small.png');
-        background-repeat: no-repeat;
-        background-size: 100% 100%;
+        // background-image: url('@/assets/bigview/bottom-box-small.png');
+        // background-repeat: no-repeat;
+        // background-size: 100% 100%;
         justify-content: center;
         align-items: center;
  
@@ -592,9 +593,9 @@ const handleGlobalInfo = (data, num) =&gt; {
         flex-grow: 1;
         width: 33.3%;
         height: 100%;
-        background-image: url("@/assets/bigview/bottom-box.png");
+        // background-image: url("@/assets/bigview/bottom-box.png");
         margin-right: clamp(0.7rem, 0.489rem + 1.05vw, 1.2rem);
-        background-size: 100% 100%;
+        // background-size: 100% 100%;
         box-sizing: border-box;
         padding: clamp(0.6rem, 0.489rem + 1.05vw, 1rem);
  
@@ -624,7 +625,8 @@ const handleGlobalInfo = (data, num) =&gt; {
         .fleet-content-box {
           height: calc(100% - clamp(0.8rem, -0.907rem + 5.71vw, 1.3rem));
           width: 100%;
-          overflow-y: scroll;
+          overflow-y: hidden;
+          // overflow-y: scroll;
           overflow-x: hidden;
  
           // 线路信息
@@ -653,7 +655,7 @@ const handleGlobalInfo = (data, num) =&gt; {
                 margin-right: 0.4vw;
                 box-sizing: border-box;
                 margin-top: 0.4vw;
-                color: white;
+                color: black;
  
                 .fleet-nbbm-info-have-sale {
                   width: 100%;