新增饼图轮播

investmentNew/index.html

@@ -276,8 +276,12 @@
               </div>
               <div class="absolute projectPop" style="top: 50%;" :style="{left:projecList[projectNum][2].distance}">
                 <div>项目立项</div>
-                <div><span style="display:inline-block;border-radius:50%;margin-right: 10px; width:20px;height:20px;background-color:#45A9E1"></span>{{projecList[projectNum][0].name}}：{{projecList[projectNum][0].value}}个，{{projecList[projectNum][0].value2}}亿</div>
-                <div><span style="display:inline-block;border-radius:50%;margin-right: 10px; width:20px;height:20px;background-color:#4CEEE5"></span>{{projecList[projectNum][1].name}}：{{projecList[projectNum][1].value}}个，{{projecList[projectNum][1].value2}}亿</div>
+                <div><span
+                    style="display:inline-block;border-radius:50%;margin-right: 10px; width:20px;height:20px;background-color:#45A9E1"></span>{{projecList[projectNum][0].name}}：{{projecList[projectNum][0].value}}个，{{projecList[projectNum][0].value2}}亿
+                </div>
+                <div><span
+                    style="display:inline-block;border-radius:50%;margin-right: 10px; width:20px;height:20px;background-color:#4CEEE5"></span>{{projecList[projectNum][1].name}}：{{projecList[projectNum][1].value}}个，{{projecList[projectNum][1].value2}}亿
+                </div>
               </div>
             </div>
           </div>
@@ -329,7 +333,8 @@
                     left: 25%;
                     animation-delay: 1s;
                   ">
-                <span style="font-size: 30px; font-weight: bold; color: #68bdff">55.05<span class="font28">亿</span></span>
+                <span style="font-size: 30px; font-weight: bold; color: #68bdff">55.05<span
+                    class="font28">亿</span></span>
                 <span class="font28">投资金额</span>
               </div>
               <div class="absolute flex items-center justify-center flex-col bubble" style="
@@ -349,15 +354,17 @@
               </div>
               <div class="absolute flex items-center justify-center flex-col bubble"
                 style="width: 190px; height: 190px; top: 35%; left: 50%">
-                <span style="font-size: 30px; font-weight: bold; color: #ebde27">10.63<span class="font28">亿</span></span>
+                <span style="font-size: 30px; font-weight: bold; color: #ebde27">10.63<span
+                    class="font28">亿</span></span>
                 <span class="font28">投资金额</span>
               </div>
             </div>
           </div>
           <div>
             <div class="title">投资产业分布</div>
-            <div class="content">
+            <div class="content relative">
               <div style="width: 100%;height: 100%;" ref="leftEcharts12"></div>
+              <div style="width: 100%;height: 100%;top: 0;left: 0;" class="absolute" ref="leftEcharts17"></div>
             </div>
           </div>
           <div>
@@ -402,7 +409,7 @@
             <div class="flex justify-center flex-col">
               <div>
                 <div style="font-size: 60px; color: #5bdcc8; font-weight: bold">
-                 377.27<span style="font-size: 28px">亿</span>
+                  377.27<span style="font-size: 28px">亿</span>
                 </div>
                 <div style="font-size: 28px; justify-self: center">
                   固定资产
@@ -427,8 +434,12 @@
           <div>
             <div>
               <div class="title">投资阶段分析</div>
-              <div class="content">
+              <div class="content relative">
                 <div ref="leftEcharts13" style="height: 100%;width: 100%;"></div>
+                <div class="absolute flex flex-col items-center justify-center" style="top: 40%;left: 38%;">
+                  <span style="color: #58E6F7;font-size: 50px;font-weight: bold;" >{{stageTitle2}}</span>
+                  <span class="font28">{{stageTitle}}</span>
+                </div>
               </div>
             </div>
           </div>
@@ -447,7 +458,7 @@
           <div class="flex justify-center flex-col">
             <div style="padding-left: 40%;">
               <div style="font-size: 60px; color: #5bdcc8; font-weight: bold">
-               402.7<span style="font-size: 28px">亿</span>
+                402.7<span style="font-size: 28px">亿</span>
               </div>
               <div style="font-size: 28px; justify-self: center">
                 总投资额
@@ -457,7 +468,7 @@
           <div class="flex justify-center flex-col">
             <div style="padding-left: 40%;">
               <div style="font-size: 60px; color: #68bdff; font-weight: bold">
-               396<span style="font-size: 28px">个</span>
+                396<span style="font-size: 28px">个</span>
               </div>
               <div style="font-size: 28px; justify-self: center">
                 项目总数

investmentNew/styles/index.css

@@ -10,7 +10,7 @@ body {
 }
 /* 强制去掉滚动条 */
 html {
-  overflow-x: hidden !important;   
+  /* overflow-x: hidden !important;    */
 }
 * {
   -webkit-user-select: none;