字号调整

src/assets/styles/common.scss

@@ -6,10 +6,11 @@
   margin-bottom: 1vh;
   background: url('@/assets/imgs/common/title1-left.png') no-repeat;
   background-size: contain;
-  padding: 7px 65px 7px 45px;
-  font-size: 20px;
+  padding: 5px 65px 5px 45px;
+  font-size: 22px;
   font-family: YSBTH;
-  color: #D9EAF5;
+  color: #eff7fb;
+  letter-spacing: 2px;
   &.highlight {
     color: rgb(242, 242, 132);
   }
@@ -19,7 +20,7 @@
   width: 282px;
   background: url('@/assets/imgs/common/title1-right.png') no-repeat;
   background-size: contain;
-  padding: 7px 45px 7px 65px;
+  padding: 5px 45px 5px 65px;
   text-align: right;
 }
 
@@ -33,9 +34,10 @@
   background-size: 100% 15px;
   background-position: bottom;
   padding: 0 40px;
-  font-size: 18px;
+  font-size: 21px;
   font-family: YSBTH;
-  color: #D9EAF5;
+  color: #eff7fb;
+  letter-spacing: 2px;
 }
 
 .title2-right {
@@ -56,7 +58,7 @@
   padding: 3px 30px 0;
   font-size: 16px;
   font-style: italic;
-  color: #D1D6DF;
+  color: #eee;
 }
 
 .title-dialog {

src/echarts/options.js

@@ -441,7 +441,7 @@ export function setCbgn(ele, data) {
 				axisLabel: {
 					interval: 0,
 					rotate: 0,
-					color: '#ddd',
+					color: '#eee',
 					fontSize: nowSize(13),
 					margin: nowSize(5), //刻度标签与轴线之间的距离。
 				},
@@ -526,7 +526,7 @@ export function setCbgn(ele, data) {
 				label: {
 					show: true,
 					position: 'top',
-					fontSize: nowSize(14),
+					fontSize: nowSize(16),
 					color: '#DFEEFA',
 					offset: [0, nowSize(-9)],
 					fontFamily: 'BarlowBold'
@@ -578,7 +578,7 @@ export function setFsdll(ele, dataIn) {
 				axisLabel: {
 					show: true,
 					color: '#ddd',
-					fontSize: nowSize(12),
+					fontSize: nowSize(13),
 					interval: 1,
 				},
 				splitLine: {
@@ -605,8 +605,8 @@ export function setFsdll(ele, dataIn) {
 					show: false,
 				},
 				axisLabel: {
-					fontSize: nowSize(10),
-					color: '#ddd'
+					fontSize: nowSize(11),
+					color: '#dadada'
 				},
 				axisTick: {
 					show: false,

src/views/hdsj/Index.vue

@@ -544,7 +544,7 @@ export default {
             }
           }
           span:nth-child(2) {
-            font-size: 14px;
+            font-size: 16px;
             line-height: 22px;
             color: #FFFFFF;
             text-shadow: 1px 2px 0px rgba(17,20,22,0.22);
@@ -572,7 +572,7 @@ export default {
         background-position-y: bottom;
         cursor: pointer;
         &>div:first-child {
-          font-size: 16px;
+          font-size: 18px;
           font-family: Barlow;
           color: #FFFFFF;
           text-align: center;
@@ -681,10 +681,10 @@ export default {
             margin: 8px 0 6px;
             span {
               margin-right: 10px;
-              font-size: 14px;
+              font-size: 15px;
               font-family: BarlowBold;
               color: #FFFFFF;
-              opacity: 0.5;
+              opacity: 0.8;
             }
             span:nth-child(2), span:nth-child(5) {
               margin-right: 2px;
@@ -700,10 +700,10 @@ export default {
           &>div:nth-child(3) {
             height: 20px;
             span {
-              font-size: 14px;
+              font-size: 15px;
               font-family: BarlowBold;
               color: #FFFFFF;
-              opacity: 0.5;
+              opacity: 0.7;
             }
             span:nth-child(2) {
               margin: 0 8px;
@@ -721,7 +721,7 @@ export default {
         top: 40%;
         width: 100%;
         text-align: center;
-        font-size: 14px;
+        font-size: 16px;
       }
     }
   }
@@ -751,7 +751,7 @@ export default {
         &>span {
           font-size: 20px;
           font-style: italic;
-          color: rgba($color: #EAF2FF, $alpha: 0.7);
+          color: rgba($color: #EAF2FF, $alpha: 0.85);
         }
         &>div {
           margin-top: 8px;
@@ -764,7 +764,7 @@ export default {
           }
           span:nth-child(2) {
             font-size: 16px;
-            color: rgba($color: #A6C8FF, $alpha: 0.54);
+            color: rgba($color: #A6C8FF, $alpha: 0.8);
           }
         }
       }
@@ -887,7 +887,7 @@ export default {
         span:nth-child(2) {
           display: block;
           width: 51%;
-          font-size: 14px;
+          font-size: 16px;
           font-weight: 700;
           font-style: italic;
           color: transparent;
@@ -896,7 +896,7 @@ export default {
         }
         span:nth-child(3) {
           display: block;
-          font-size: 14px;
+          font-size: 16px;
           font-family: BarlowBold;
           color: rgba($color: #fff, $alpha: 0.6);
         }

src/views/jtaq/Index.vue

@@ -403,7 +403,7 @@ export default {
         display: flex;
         flex-direction: column;
         &>span {
-          font-size: 14px;
+          font-size: 16px;
           color: #FFFFFF;
         }
         &>div {
@@ -436,8 +436,9 @@ export default {
         align-items: flex-end;
         margin-bottom: 20px;
         &>span:nth-child(1) {
-          font-size: 14px;
-          color: #D9EAF5;
+          font-size: 16px;
+          color: #eee;
+          font-weight: bold;
         }
         &>span:nth-child(2), &>div>span:nth-child(1) {
           display: inline-block;
@@ -452,8 +453,8 @@ export default {
           text-align: center;
         }
         &>span:nth-child(3), &>span:nth-child(5){
-          font-size: 13px;
-          color: #D9EAF5;
+          font-size: 15px;
+          color: #eee;
         }
         &>div {
           display: flex;
@@ -461,7 +462,7 @@ export default {
           width: 60px;
           margin-left: 15px;
           &>span:nth-child(2) {
-            font-size: 14px;
+            font-size: 16px;
             font-family: BarlowBold;
             color: #00EAFF;
             line-height: 14px;
@@ -521,7 +522,8 @@ export default {
         background-size: 100% 100%;
         span {
           margin-bottom: 8px;
-          font-size: 14px;
+          font-size: 16px;
+          font-weight: 600;
           color: transparent;
           background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(175, 231, 255, 0.8) 80%, rgba(0,179,255,0.8) 100%);
           text-shadow: 0 6px 0 rgba(175, 231, 255, 0.2);
@@ -592,7 +594,7 @@ export default {
           }
           span:nth-child(2), span:nth-child(5) {
             margin: 0 5px;
-            font-size: 14px;
+            font-size: 16px;
             line-height: 22px;
             color: #FFFFFF;
           }
@@ -618,9 +620,9 @@ export default {
           padding-left: 26px;
           height: 21px;
           margin: 10px 0;
-          font-size: 14px;
+          font-size: 16px;
           font-family: BarlowBold;
-          color: rgba($color: #fff, $alpha: 0.6);
+          color: rgba($color: #fff, $alpha: 0.8);
           overflow: hidden;
           white-space: nowrap;
           text-overflow: ellipsis;
@@ -681,7 +683,7 @@ export default {
         padding-right: 10px;
         margin-top: 10px;
         overflow-y: auto;
-        font-size: 14px;
+        font-size: 16px;
         color: #eee;
         line-height: 22px;
         white-space: pre-wrap;
@@ -691,7 +693,7 @@ export default {
 
   .pr-b2 {
     #chart_fsdll {
-      width: 90%;
+      width: 92%;
       height: 16vh;
       margin: 5px 0 10px;
     }
@@ -730,7 +732,7 @@ export default {
           background-size: 17px 19px;
         }
         &>span {
-          font-size: 14px;
+          font-size: 16px;
           font-weight: bold;
           font-style: italic;
           color: #FFFFFF;
@@ -746,7 +748,7 @@ export default {
         background: url('@/assets/imgs/page_jtaq/bg-fhx-2.png');
         background-size: 100% 100%;
         span:nth-child(1), span:nth-child(3) {
-          font-size: 14px;
+          font-size: 16px;
           color: #FFFFFF;
         }
         span:nth-child(2) {

src/views/kkjk/Index.vue

@@ -20,7 +20,7 @@
     </div>
     <div class="panel-right" :class="{'is-hide': aside_hide}">
       <div class="pr-b1 pr">
-        <span class="title1-right">杭申线船舶流量监测</span>
+        <span class="title1-right">船舶流量监测</span>
         <div class="prb1-main">
           <img :src="require('@/assets/imgs/page_kkjk/timeline.png')" alt="">
           <ul>
@@ -199,7 +199,7 @@ export default {
       overflow: hidden;
       .plb1-item {
         box-sizing: border-box;
-        padding: 0 8px 0 14px;
+        padding: 0 6px 0 10px;
         display: flex;
         justify-content: space-between;
         align-items: center;
@@ -216,7 +216,7 @@ export default {
             display: block;
             width: 116px;
             height: 24px;
-            font-size: 14px;
+            font-size: 16px;
             font-weight: bold;
             font-style: italic;
             color: transparent;
@@ -237,16 +237,16 @@ export default {
             }
           }
           span:last-child {
-            font-size: 13px;
+            font-size: 15px;
             font-family: BarlowBold;
-            color: rgba($color: #fff, $alpha: 0.6);
+            color: rgba($color: #fff, $alpha: 0.7);
           }
         }
         .equip {
           display: block;
           width: 31px;
           height: 31px;
-          margin-right: 7px;
+          margin-right: 4px;
           font-size: 12px;
           font-family: BarlowBold;
           color: #FFFFFF;
@@ -284,7 +284,7 @@ export default {
           width: 12px;
           height: 30px;
           margin-left: 10px;
-          font-size: 12px;
+          font-size: 14px;
           color: #FFFFFF;
           line-height: 18px;
         }
@@ -314,6 +314,7 @@ export default {
   }
 
   .pr-b1 {
+    
     .prb1-main {
       height: 460px;
       width: 90%;
@@ -368,7 +369,7 @@ export default {
               display: flex;
               align-items: center;
               span:not(:nth-child(2)) {
-                font-size: 14px;
+                font-size: 16px;
                 color: rgba($color: #EAF3F8, $alpha: 0.9);
               }
               span:nth-child(2) {
@@ -417,12 +418,14 @@ export default {
 
         span:nth-child(1) {
           display: block;
-          font-size: 13px;
+          font-size: 16px;
+          line-height: 20px;
           color: #B3D9FF;
         }
         span:nth-child(2) {
           display: block;
-          font-size: 16px;
+          font-size: 20px;
+          line-height: 20px;
           font-family: YSBTH;
           color: #E3E9F5;
         }
@@ -462,7 +465,7 @@ export default {
         }
         span:nth-child(2) {
           display: block;
-          font-size: 14px;
+          font-size: 16px;
           color: #BFDFFF;
           line-height: 17px;
         }

src/views/ssky/Index.vue

@@ -74,8 +74,8 @@
       </div>
     </div>
     <div class="panel-right" :class="{'is-hide': aside_hide}">
-      <span class="title1-right" @click="handleDjldClick" :class="{'highlight': djldSelected}">对江轮渡</span>
       <div class="pr-b1 pr">
+        <span class="title1-right" @click="handleDjldClick" :class="{'highlight': djldSelected}">对江轮渡</span>
         <span class="title2-right">轮渡资源</span>
         <div class="prb1-main">
           <div @click="handleBDListShow('ldzy-dock')">
@@ -523,7 +523,7 @@ export default {
             font-family: BarlowBold;
           }
           span:last-child {
-            font-size: 14px;
+            font-size: 16px;
           }
         }
       }
@@ -574,7 +574,7 @@ export default {
         justify-content: space-between;
         align-items: center;
         &>span:nth-child(1) {
-          font-size: 14px;
+          font-size: 16px;
           font-weight: 400;
           color: #FFFFFF;
         }
@@ -702,7 +702,7 @@ export default {
       
               div:nth-child(2){
                 &>span {
-                  font-size: 14px;
+                  font-size: 16px;
                   font-style: italic;
                   color: #FF0000;
                 }
@@ -753,7 +753,7 @@ export default {
           justify-content: center;
           align-items: flex-start;
           &>span {
-            font-size: 14px;
+            font-size: 16px;
             font-weight: 400;
             color: #00FFFF;
           }
@@ -765,7 +765,7 @@ export default {
               text-shadow: 0 0 20px rgba(45, 172, 252, 1);
             }
             span:nth-child(2) {
-              font-size: 14px;
+              font-size: 16px;
             }
           }
         }
@@ -810,13 +810,13 @@ export default {
           span:nth-child(1) {
             display: inline-block;
             width: 50%;
-            font-size: 13px;
-            color: #FFFFFF;
+            font-size: 15px;
+            color: #eee;
           }
           span:nth-child(2) {
             display: inline-block;
             width: 50%;
-            font-size: 14px;
+            font-size: 18px;
             font-family: YSBTH;
             color: #FFEA00;
             &::before {
@@ -901,7 +901,7 @@ export default {
         color: #FFFFFF;
         padding-left: 5px;
         span:nth-child(1) {
-          font-size: 14px;
+          font-size: 16px;
         }
         span:nth-child(2) {
           display: inline-block;

src/views/ssky/cpns/ListBoxLdkll.vue

@@ -86,13 +86,13 @@ export default {
     &>div {
       span:first-child {
         display: inline-block;
-        font-size: 14px;
+        font-size: 15px;
         color: #ddd;
       }
       span:last-child {
         display: inline-block;
         width: 48px;
-        font-size: 14px;
+        font-size: 15px;
         color: #07afd4;
         font-weight: bold;
         text-align: right;
@@ -111,7 +111,7 @@ export default {
     }
 
     span {
-      font-size: 16px;
+      font-size: 18px;
       font-family: BarlowBold;
       color: rgba(255, 234, 0, 1);
     }

src/views/yyjg/Index.vue

@@ -594,7 +594,7 @@ export default {
             -webkit-background-clip: text;
           }
           span:last-child {
-            font-size: 14px;
+            font-size: 16px;
             line-height: 14px;
             color: #ddd;
           }
@@ -630,13 +630,16 @@ export default {
   }
 
   .pr-b1 {
+    .title1-right {
+      letter-spacing: 1px;
+    }
     .prb1-option {
       display: flex;
       justify-content: space-between;
       align-items: center;
       width: 80%;
       margin-bottom: 10px;
-      font-size: 14px;
+      font-size: 16px;
       color: #349ed8;
       &>label {
         display: flex;
@@ -705,7 +708,7 @@ export default {
             -webkit-background-clip: text;
           }
           span:nth-child(2) {
-            font-size: 14px;
+            font-size: 16px;
             font-weight: 400;
             font-style: italic;
             color: #FF0000;
@@ -716,7 +719,7 @@ export default {
           padding: 0 5px;
           display: block;
           margin: 10px 0;
-          font-size: 14px;
+          font-size: 16px;
           font-family: BarlowBold;
           color: rgba($color: #fff, $alpha: 0.6);
         }
@@ -731,7 +734,7 @@ export default {
             align-items: center;
           }
           div>span:nth-child(1) {
-            font-size: 14px;
+            font-size: 16px;
             font-weight: 400;
             color: #FFFFFF;
           }
@@ -741,7 +744,7 @@ export default {
             overflow: hidden;
             white-space: nowrap;
             text-overflow: ellipsis;
-            font-size: 14px;
+            font-size: 16px;
             color: #66E6FF;
           }
           div:nth-child(2)>span:nth-child(2) {
@@ -770,7 +773,7 @@ export default {
           color: #A5D2FF;
         }
         &>span:nth-child(2) {
-          font-size: 12px;
+          font-size: 14px;
           font-weight: 400;
           color: rgba($color: #FAFCFF, $alpha: 0.8);
         }
@@ -784,10 +787,10 @@ export default {
         }
         &>div:nth-child(4) {
           position: relative;
-          width: 60px;
+          width: 70px;
           text-align: center;
           span {
-            font-size: 14px;
+            font-size: 16px;
             font-weight: 400;
             color: #FFFFFF;
           }
@@ -854,7 +857,7 @@ export default {
           height: 26px;
           margin-bottom: 10px;
           padding-left: 8px;
-          font-size: 14px;
+          font-size: 16px;
           font-weight: bold;
           font-style: italic;
           color: transparent;