fix: css deal

src/components/BigScreen/AiAnalysis.vue

@@ -382,13 +382,13 @@ export default {
     height: 100%;
     line-height: 0.48rem;
     margin: 0;
-    font-size: 0.2rem;
+    font-size: 0.22rem;
     letter-spacing: 0.01rem;
     padding-left: 0.4rem;
     font-family: Source Han Sans SC;
     font-weight: bold;
     color: #ffffff;
-    text-shadow: 0px 3px 8px rgba(19, 80, 113, 0.48);
+    text-shadow: 0px 12px 8px rgba(19, 80, 113, 0.48);
     background: linear-gradient(180deg, #ffffff 54.00390625%, #28caff 100%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;

src/components/BigScreen/BianpoMonitor.vue

@@ -185,13 +185,13 @@ export default {
     height: 100%;
     line-height: 0.48rem;
     margin: 0;
-    font-size: 0.2rem;
+    font-size: 0.22rem;
     letter-spacing: 0.01rem;
     padding-left: 0.4rem;
     font-family: Source Han Sans SC;
     font-weight: bold;
     color: #ffffff;
-    text-shadow: 0px 3px 8px rgba(19, 80, 113, 0.48);
+    text-shadow: 0px 12px 8px rgba(19, 80, 113, 0.48);
     background: linear-gradient(180deg, #ffffff 54.00390625%, #28caff 100%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
@@ -239,7 +239,7 @@ export default {
         .count2 {
           font-family: diget year;
           font-weight: normal;
-          font-size: 0.34rem;
+          font-size: 0.36rem;
           color: #ffffff;
           text-shadow: 0px 0.04rem 0.3rem rgba(5, 54, 78, 0.48);
           background: linear-gradient(180deg, #dff2ff 0%, #36acff 100%);
@@ -258,7 +258,7 @@ export default {
         .count1{
           font-family: diget year;
           font-weight: normal;
-          font-size: 0.34rem;
+          font-size: 0.36rem;
           color: #ffffff;
           text-shadow: 0px 0.04rem 0.3rem rgba(5, 54, 78, 0.48);
           background: linear-gradient(180deg, #fffae4 0%, #ffe25d 100%);

src/components/BigScreen/QiaoliangMonitor.vue

@@ -24,10 +24,10 @@
                 :key="index"
               >
                 <span style="color:#fff;"  class="ellipsis">{{ item.monName }}</span>
-                <span :style="{ color: colorBlock[index] }">{{
+                <span :style="{ color: colorBlock[index%4] }">{{
                   item.monDate
                 }}</span>
-                <span :style="{ color: colorBlock[index] }">{{
+                <span :style="{ color: colorBlock[index%4] }">{{
                   item.monNumber
                 }}</span>
               </dd>
@@ -72,14 +72,10 @@ export default {
       intervalTime4qiaoliang: 40, // 每次滚动的时间间隔（ms）
 
       colorBlock: [
-        "#27BAFF",
-        "#EEE485",
-        "#25D8A9",
-        "#008ADD",
-        "#25D8A9",
-        "#EEE485",
-        "#27BAFF",
-        "#008ADD",
+        "rgb(72,196,255)",
+        "rgb(255,242,121)",
+        "rgb(41,255,194)",
+        "rgb(6,162,255)",
       ],
       dataList: [],
       chartsTarget: null,
@@ -345,13 +341,13 @@ export default {
     height: 100%;
     line-height: 0.48rem;
     margin: 0;
-    font-size: 0.2rem;
+    font-size: 0.22rem;
     letter-spacing: 0.01rem;
     padding-left: 0.4rem;
     font-family: Source Han Sans SC;
     font-weight: bold;
     color: #ffffff;
-    text-shadow: 0px 3px 8px rgba(19, 80, 113, 0.48);
+    text-shadow: 0px 12px 8px rgba(19, 80, 113, 0.48);
     background: linear-gradient(180deg, #ffffff 54.00390625%, #28caff 100%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
@@ -372,7 +368,7 @@ export default {
   .bottom {
     height: 2.8rem;
     overflow: hidden;
-    margin-top: -0.06rem;
+    margin-top: 0.06rem;
     .dt {
       height: 0.42rem;
       line-height: 0.42rem;
@@ -393,6 +389,7 @@ export default {
       overflow-y: auto;
       border-radius: 4px 4px 0px 0px;
       border: 1px solid #0aabff;
+      margin-top: 0;
       // opacity: 0.5;
 
       dd {
@@ -405,7 +402,7 @@ export default {
         grid-template-columns: 1.5rem 1.5rem 0.9rem;
         text-align: center;
         background: #01689d52;
-        font-size: 0.14rem;
+        font-size: 0.16rem;
         align-items: center;
         border-bottom: 0.01rem solid #1f77c2;
         background-size: cover;

src/components/BigScreen/SuidaoMonitor.vue

@@ -166,18 +166,17 @@ export default {
     height: 100%;
     line-height: 0.48rem;
     margin: 0;
-    font-size: 0.2rem;
+    font-size: 0.22rem;
     letter-spacing: 0.01rem;
     padding-left: 0.4rem;
     font-family: Source Han Sans SC;
     font-weight: bold;
     color: #ffffff;
-    text-shadow: 0px 3px 8px rgba(19, 80, 113, 0.48);
-    background: linear-gradient(180deg, #ffffff 54.00390625%, #28caff 100%);
+    text-shadow: 0px 12px 8px rgba(19, 80, 113, 0.48);
+    background: linear-gradient(180deg, #ffffff 80.00390625%, #0383ff 100%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
-    //background-image:linear-gradient(to bottom,#fff,#f3fffc,#e4fff9);
-    //-webkit-background-clip:text;-webkit-text-fill-color:transparent;
+    background-clip: text;
   }
 }
 
@@ -216,7 +215,7 @@ export default {
         margin-right: 0px;
         display: grid;
         text-align: center;
-        font-size: 0.14rem;
+        font-size: 0.16rem;
         align-items: center;
         border-bottom: 0.01rem solid #1f77c2;
       }

src/views/bigscreen.vue

@@ -488,7 +488,7 @@ footer{
             font-size: 0.44rem;
             line-height: 1;
             letter-spacing: 0.04rem;
-            margin: 0.23rem 0 0 0rem;
+            margin: 0.18rem 0 0 0rem;
             font-weight: bold;
             color: #fff;
             font-family: Source Han Sans SC;