centertop提交

investmentNew/index.html

@@ -424,6 +424,48 @@
         </div>
       </div>
       <div v-else class="centerB h-full w-full relative">
+        <div class="chinaTop">
+          <div class="flex justify-center flex-col">
+            <div style="padding-left: 40%;">
+              <div style="font-size: 60px; color: #5bdcc8; font-weight: bold">
+                17.09<span style="font-size: 28px">亿</span>
+              </div>
+              <div style="font-size: 28px; justify-self: center">
+                总投资额
+              </div>
+            </div>
+          </div>
+          <div class="flex justify-center flex-col">
+            <div style="padding-left: 40%;">
+              <div style="font-size: 60px; color: #68bdff; font-weight: bold">
+                353.07<span style="font-size: 28px">亿</span>
+              </div>
+              <div style="font-size: 28px; justify-self: center">
+                项目总数
+              </div>
+            </div>
+          </div>
+          <div class="flex justify-center flex-col">
+            <div style="padding-left: 40%;">
+              <div style="font-size: 60px; color: #68bdff; font-weight: bold">
+                2.22<span style="font-size: 28px">亿</span>
+              </div>
+              <div style="font-size: 28px; justify-self: center">
+                股权资产
+              </div>
+            </div>
+          </div>
+          <div class="flex justify-center flex-col">
+            <div style="padding-left: 40%;">
+              <div style="font-size: 60px; color: #5bdcc8; font-weight: bold">
+                66.28<span style="font-size: 28px">亿</span>
+              </div>
+              <div style="font-size: 28px; justify-self: center">
+                固定资产
+              </div>
+            </div>
+          </div>
+        </div>
         <div ref="china" style="width: 100%; height: 100%; z-index: 100"></div>
         <div class="center5" ref="leftEcharts16"></div>
       </div>

investmentNew/styles/index.css

@@ -406,6 +406,31 @@ a {
   background: url("../img/chinaLight.png") no-repeat center center; /*图标路径*/
   background-size: 95% 90%;
 }
+.chinaTop{
+  width: 100%;
+  height: 8.5%;
+  position: absolute;
+  top: 3%;
+  z-index: 999;
+  display: grid;
+  grid-template-columns: repeat(4,1fr);
+}
+.chinaTop>div:nth-child(1){
+  background: url("../img/centerTop1.png") no-repeat center left; /*图标路径*/
+  background-size: 100% 100%;
+}
+.chinaTop>div:nth-child(2){
+  background: url("../img/centerTop2.png") no-repeat center left; /*图标路径*/
+  background-size: 100% 100%;
+}
+.chinaTop>div:nth-child(3){
+  background: url("../img/centerTop3.png") no-repeat center left; /*图标路径*/
+  background-size: 100% 100%;
+}
+.chinaTop>div:nth-child(4){
+  background: url("../img/centerTop4.png") no-repeat center left; /*图标路径*/
+  background-size: 100% 100%;
+}
 /* 公共css */
 /* 宽高纵横比 */
 .font28 {