fontsize bigger

src/views/Screen/index.vue

@@ -139,19 +139,17 @@ export default {
       this.navActive = 0;
 
       // 获取总览数据
-      this.sjzl();
+      setTimeout(() => {
+        this.sjzl();
 
       this.srph();
       this.qycxcysjfx();
       this.fhqfhqysjfx();
       this.fhqyndsjsfbhqs();
       this.zfqyndsjsfbhqs();
-      //  const map = new AMap.Map('map', {
-      // 	resizeEnable: true,
-      // 	center: [116.397128, 39.916527], // 设置中心坐标
-      // 	zoom: 10, // 设置缩放级别
-      // 	viewMode: '3D' // 3D视图
-      // 	});
+      }, 900);
+      
+
     });
   },
   methods: {
@@ -170,20 +168,6 @@ export default {
         { position: [116.305467, 39.989799],  extraData: {incubatorName: '666', operatingAgency: '111', incubatorCount:0, graduationCount:11,totalArea:22, totalIncome:223}  },
         { position: [116.305467, 39.807761],  extraData: {incubatorName: '6664444', operatingAgency: '111', incubatorCount:0, graduationCount:11,totalArea:22, totalIncome:223} },
       ]
-      // var markers = [
-      //   {
-      //     icon: "/static/images/marker-dp.png",
-      //     position: [116.481181, 39.989792],
-      //   },
-      //   {
-      //     icon: "/static/images/marker-dp.png",
-      //     position: [116.305467, 39.989799],
-      //   },
-      //   {
-      //     icon: "/static/images/marker-dp.png",
-      //     position: [116.305467, 39.807761],
-      //   },
-      // ];
 
       // 添加一些分布不均的点到地图上,地图上添加三个点标记，作为参照
       markers.forEach(function (item, index) {
@@ -200,42 +184,11 @@ export default {
         });
       });
 
-      // //添加marker标记
-      // function addMarker(marker) {
-      //   // VUE.map.clearMap();
-      //   var marker = new AMap.Marker({
-      //     map: VUE.map,
-      //     // position: [116.481181, 39.989792],
-      //     position: [marker.position[0], marker.position[1]],
-      //       icon: marker.icon,
-      //     // icon: "/static/images/marker-dp.png",
-      //   });
-
-
-      //   // //鼠标点击marker弹出自定义的信息窗体
-      //   marker.on("click", function () {
-      //     VUE.infoWindow.open(VUE.map, marker.getPosition());
-      //   });
-      // }
       const item = {};
       //实例化信息窗体
       VUE.infoWindow = new AMap.InfoWindow({
         isCustom: true, //使用自定义窗体
         anchor: "top-center",
-        // content: createInfoWindow(title, content),
-        // content: `<div class="popupBgImage" style="">
-				// 		<h4>详细信息</h4><i id="closeInfoWindowBtn"></i>
-				// 		<dl>
-				// 			<dd><font>孵化器名称：</font><span>${item.incubatorName}</span></dd>
-				// 			<dd><font>运营机构：</font><span>${item.operatingAgency}</span></dd>
-				// 			<dd><font>在孵企业：</font><span>${item.incubatorCount || 0}家</span></dd>
-				// 			<dd><font>毕业企业：</font><span>${item.graduationCount || 0}家</span></dd>
-				// 			<dd><font>使用总面积：</font><span>${item.totalArea || 0}(㎡)</span></dd>
-				// 			<dd><font>总收入：</font><span>${item.totalIncome || 0}万元</span></dd>
-				// 		</dl>
-				// 		<button type="button">更多</button>
-				// 	</div>`,
-
         offset: new AMap.Pixel(30, 70),
       });
 
@@ -679,7 +632,7 @@ export default {
                 margin: 0,
                 style: {
                   color: "#eee",
-                  fontSize: "10px",
+                  fontSize: "0.17rem",
                 },
                 rotation: 0,
                 align: "high",
@@ -1872,7 +1825,7 @@ export default {
       .side {
         // display:none;
 
-        width: 4.6rem;
+        width: 5.44rem;
         height: 0;
         display: flex;
         flex-direction: column;
@@ -1885,22 +1838,26 @@ export default {
           flex-direction: column;
           //padding:.08rem .10rem;
           //background:no-repeat center center url('~@/assets/images/layout/side_l_md.png');background-size:100% 100%;
-          background-color: rgba(29, 57, 110, 0.65);
+          // background-color: rgba(29, 57, 110, 0.65);
+          background: linear-gradient(to right, 
+              rgba(0, 60, 144, 0.9),   /* #003c90 - 90% 不透明度 */
+              rgba(0, 44, 106, 0.7)    /* #002c6a - 70% 不透明度 */
+          );
 
           .chart {
             position: relative;
           }
         }
         .m-tt {
-          height: 0.42rem;
+          height: 0.48rem;
           width: 100%;
           background: no-repeat center center
             url("~@/assets/images/layout/md_hd_l.png");
           background-size: 100% 100%;
           h4 {
             height: 100%;
-            line-height: 0.4rem;
-            font-size: 0.18rem;
+            line-height: 0.48rem;
+            font-size: 0.24rem;
             letter-spacing: 0.01rem;
             padding-left: 0.4rem;
             //background-image:linear-gradient(to bottom,#fff,#f3fffc,#e4fff9);
@@ -1973,22 +1930,27 @@ export default {
               justify-content: center;
               flex-direction: column;
               align-items: center;
+              position: relative;
+              padding-left: .5rem;
               &:before {
                 content: "";
-                height: 0.4rem;
-                width: 0.4rem;
+                height: .44rem;
+                width: .44rem;
                 background-repeat: no-repeat;
                 background-position: center center;
                 background-size: 100% auto;
+                top: 0.55rem;
+                position: absolute;
+                left: .2rem;
                 //background-image:url('~@/assets/images/layout/md31_i1.png');
               }
               h6 {
-                font-size: 0.14rem;
+                font-size: 0.19rem;
                 color: #dcebff;
-                margin-top: 0.1rem;
+                margin-top: 0.17rem;
               }
               font {
-                font-size: 0.32rem;
+                font-size: 0.45rem;
                 font-family: diget year;
                 margin-top: 0.15rem;
                 line-height: 0.23rem;
@@ -1999,7 +1961,7 @@ export default {
                   #ffea98
                 );
                 -webkit-background-clip: text;
-                -webkit-text-fill-color: transparent;
+                // -webkit-text-fill-color: transparent;
               }
             }
             li:nth-child(1) {