展会大屏修改

src/App.vue

@@ -31,6 +31,10 @@ import ScaleScreen from "@/components/scale-screen/scale-screen.vue";
   -moz-osx-font-smoothing: grayscale;
   text-align: center;
   color: #2c3e50;
+  text-rendering: optimizeLegibility;
+  backface-visibility: hidden;
+  transform: translate3d(0,0,0)
+  
 }
 
 nav {

src/views/MicroExhibition/components/BarChart.vue

@@ -29,9 +29,17 @@ const setCharts = () => {
         backgroundColor: '#0E0E0E',
         legend: {
             data: ['计划完成', '实际完成'],
+            textStyle: {
+                fontSize: 14
+            },
+
+        },
+        textStyle: {
+            fontSize:14
+
         },
         grid:{
-            left:'40',
+            left:'80',
             right:'0',
             bottom:'40',
         },
@@ -48,9 +56,9 @@ const setCharts = () => {
             {
                 type: 'value',
                 name: '日产量',
-                // axisLabel: {
-                //     formatter: '{value}%'
-                // }
+                axisLabel:{
+                    fontSize:14
+                }
             }
         ],
         series: prop.seriesData

src/views/MicroExhibition/components/header2.vue

@@ -403,7 +403,7 @@ h1 {
 }
 .zh-title {
   margin-top: 6px;
-  font-size: 2.5rem;
+  font-size: 3rem;
 }
 .en-title {
   font-size: 2rem;

src/views/MicroExhibition/components/ringChart.vue

@@ -53,7 +53,8 @@ const init = () => {
                     formatter(params) {
                         return `${params.name}:${params.value}台`
                     },
-                    fontSize: 20
+                    fontSize: 18,
+                    fontWeight: 500,
                 },
                 labelLine: {
                     show: true,

src/views/MicroExhibition/index.vue

@@ -89,11 +89,11 @@
         <div class="right-tip-type">
             <div class="right-tip-type-item blue">
                 <div class="iconfont icon-beikongshuiwupingtaimenhu-tubiao_zhinengwangguan gatway"></div>
-                <div class="left-tip-type-item-text">在线</div>
+                <div class="left-tip-type-item-text">在 线</div>
             </div>
             <div class="right-tip-type-item err">
                 <div class="iconfont icon-beikongshuiwupingtaimenhu-tubiao_zhinengwangguan gatway"></div>
-                <div class="left-tip-type-item-text">离线</div>
+                <div class="left-tip-type-item-text">离 线</div>
             </div>
         </div>
         <div class="wrap"></div>
@@ -327,6 +327,8 @@ h2 {
     display: flex;
     justify-content: space-between;
     align-items: center;
+    font-size: 14px;
+    font-weight: 700;
 }
 
 .left-tip-type-item {
@@ -385,7 +387,7 @@ h2 {
 }
 
 .gatway {
-    font-size: 36px;
+    font-size: 42px;
 }
 
 
@@ -417,4 +419,8 @@ h2 {
     transform: translate(15px, 15px);
     font-size: 30px;
 }
+.left-tip-type-item-text {
+    font-weight: 700;
+    font-size: 14px;
+}
 </style>