优化

src/views/screen/cityScreen-old/components/engineerUsing/index.vue

@@ -167,6 +167,11 @@ export default {
     position: absolute;
     top: 23%;
     left: 8%;
+    font-family: DS-TITLE;
+    background: linear-gradient(180deg, #fff 19.35%, #5dcbfe 77.42%);
+    background-clip: text;
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
 }
 .select-view{
     width: 15%;

src/views/screen/cityScreen-old/components/equiQuantity/index.vue

@@ -389,6 +389,11 @@ export default {
     position: absolute;
     top: 42%;
     left: 15%;
+    font-family: DS-TITLE;
+    background: linear-gradient(180deg, #fff 19.35%, #5dcbfe 77.42%);
+    background-clip: text;
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
 }
 .content-view{
     width: 100%;
@@ -420,6 +425,7 @@ export default {
 .num{
     color: #83D3F8;
     font-size: 26px;
+    font-family: DIN;
 }
 .unit{
     font-size: 20px;
@@ -429,6 +435,7 @@ export default {
 .num2{
     color: #83D3F8;
     font-size: 24px;
+    font-family: DIN;
 }
 .unit2{
     font-size: 16px;

src/views/screen/cityScreen-old/components/equiStatus/index.vue

@@ -56,7 +56,7 @@ export default {
                 var option = {
                     grid: {
                         show: true,
-                        left: '10%',
+                        left: '18%',
                         right: '10%',
                         top: '20%',
                         bottom: '15%', 
@@ -230,6 +230,12 @@ export default {
     position: absolute;
     top: 42%;
     left: 18%;
+    font-family: DS-TITLE;
+    background: linear-gradient(180deg, #fff 19.35%, #5dcbfe 77.42%);
+    background-clip: text;
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+
 }
 .content-view{
     width: 100%;

src/views/screen/cityScreen-old/components/equiTurnover/index.vue

@@ -81,6 +81,11 @@ export default {
     position: absolute;
     top: 35%;
     left: 18%;
+    font-family: DS-TITLE;
+    background: linear-gradient(180deg, #fff 19.35%, #5dcbfe 77.42%);
+    background-clip: text;
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
 }
 .content-view{
     width: 100%;

src/views/screen/cityScreen-old/components/equiUse/index.vue

@@ -7,19 +7,19 @@
         </div>
         <div class="content-view">
             <img src="../../../../../assets/cityScreen/usingBg.png" style="width: 80%;height: 100%;position: absolute;top: 0;left: 15%;" />
-            <div class="all-box">
+            <div class="all-box num">
                 <div>{{allRate}}%</div>
                 <div class="title2">总体在用率</div>
             </div>
-            <div class="bd-box">
+            <div class="bd-box num">
                 <div>{{rate1}}%</div>
                 <div class="title3">变电装备在用率</div>
             </div>
-            <div class="line-box">
+            <div class="line-box num">
                 <div>{{rate2}}%</div>
                 <div class="title3">线路装备在用率</div>
             </div>
-            <div class="cable-box">
+            <div class="cable-box num">
                 <div>{{rate3}}%</div>
                 <div class="title3">电缆装备在用率</div>
             </div>
@@ -77,6 +77,14 @@ export default {
     position: absolute;
     top: 35%;
     left: 18%;
+    font-family: DS-TITLE;
+    background: linear-gradient(180deg, #fff 19.35%, #5dcbfe 77.42%);
+    background-clip: text;
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+}
+.num {
+    font-family: DIN;
 }
 .content-view{
     width: 100%;

src/views/screen/cityScreen-old/components/maintenance/index.vue

@@ -90,6 +90,12 @@ export default {
     position: absolute;
     top: 35%;
     left: 18%;
+    font-family: DS-TITLE;
+    background: linear-gradient(180deg, #fff 19.35%, #5dcbfe 77.42%);
+    background-clip: text;
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+
 }
 .content-view{
     width: 100%;
@@ -105,6 +111,7 @@ export default {
     font-size: 26px;
     font-weight: 600;
     margin: 0 10px;
+    font-family: DIN;
 }
 .unit{
     font-size: 16px;

src/views/screen/cityScreen-old/components/retire/index.vue

@@ -86,6 +86,12 @@ export default {
     position: absolute;
     top: 35%;
     left: 18%;
+    font-family: DS-TITLE;
+    background: linear-gradient(180deg, #fff 19.35%, #5dcbfe 77.42%);
+    background-clip: text;
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+
 }
 .content-view{
     width: 100%;
@@ -101,6 +107,7 @@ export default {
     font-size: 26px;
     font-weight: 600;
     margin: 0 10px;
+    font-family: DIN;
 }
 .unit{
     font-size: 16px;

src/views/screen/cityScreen-old/index.vue

@@ -63,6 +63,10 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
+@font-face {
+  font-family: 'DS-TITle';
+  src: url('../../../assets/font-family/DS-Digital/DS-TITle.ttf');
+}
 @font-face {
   font-family: 'Alibaba-PuHuiTi-Regular';
   src: url('../../../assets/font-family/alibaba/Alibaba-PuHuiTi-Regular.ttf');

src/views/screen/components-old/countryMap.vue

@@ -473,6 +473,7 @@ export default {
     .cont {
         color: #fff;
         font-size: 16px;
+        font-family: DIN;
     }
 }
 .out-city-equip {
@@ -489,6 +490,7 @@ export default {
     display: flex;
     align-items: center;
     justify-content: center;
+    font-family: DIN;
 }
 .scrollTooltip::-webkit-scrollbar {
     width: 10px;