投中金字塔图

cokingCoal/styles/cokingCoalB.css

@@ -228,8 +228,8 @@ a {
   line-height: 30px;
 }
 .left-bottom-content .line-circle:nth-child(2){
-  top: 91px;
-  left: 280px;
+  top: 120px;
+  left: 390px;
 }
 .left-bottom-content .line-circle:nth-child(3){
   top: 180px;

investmentPort/investHomeGroup.html

@@ -269,10 +269,10 @@
             </div>
             <div class="content relative">
               <div id="echartC1" ref="echartC1" class="commonBack" style="width: 100%; height: 100%;"></div>
-              <div class="absolute investorTitle">
+              <div class="absolute investorTitle"  v-if="!centerType">
                 <div>
                   <span
-                    style="display:inline-block;border-radius:50%; width:15px;height:15px;background-color:#064F78;margin-right: 10px;"></span>
+                    style="display:inline-block;border-radius:50%; width:15px;height:15px;background-color:#69c0ff;margin-right: 10px;"></span>
                   <span>传统产业</span>
                 </div>
                 <div>
@@ -286,23 +286,23 @@
                   <span>基础产业</span>
                 </div>
               </div>
-              <div class="absolute investorIntroduce">
+              <div class="absolute investorIntroduce"  v-if="!centerType">
                 <div class="flex items-end">
-                  <span>投资额：</span><span style="color:#064F78;font-size: 30px;font-weight: bold;margin:0 5px;line-height: 1;">82.36</span><span>亿</span>
+                  <span>投资额：</span><span style="color:#69c0ff;font-size: 30px;font-weight: bold;margin:0 5px;line-height: 1;">82.36</span><span>亿</span>
                 </div>
-                <div class="flex items-end" style="justify-content: end">
-                  <span style="color:#064F78;font-size: 30px;font-weight: bold;margin:0 5px;line-height: 1;">325</span><span>个</span>
+                <div class="flex items-end" style="justify-content: center">
+                  <span style="color:#69c0ff;font-size: 30px;font-weight: bold;margin:0 5px;line-height: 1;">325</span><span>个</span>
                 </div>
                 <div class="flex items-end">
                   <span>投资额：</span><span style="color:#BDB35D;font-size: 30px;font-weight: bold;margin:0 5px;line-height: 1;">82.36</span><span>亿</span>
                 </div>
-                <div class="flex items-end" style="justify-content: end">
+                <div class="flex items-end" style="justify-content: center">
                   <span style="color:#BDB35D;font-size: 30px;font-weight: bold;margin:0 5px;line-height: 1;">325</span><span>个</span>
                 </div>
                 <div class="flex items-end">
                   <span>投资额：</span><span style="color:#623726;font-size: 30px;font-weight: bold;margin:0 5px;line-height: 1;">82.36</span><span>亿</span>
                 </div>
-                <div class="flex items-end" style="justify-content: end">
+                <div class="flex items-end" style="justify-content: center">
                   <span style="color:#623726;font-size: 30px;font-weight: bold;margin:0 5px;line-height: 1;">325</span><span>个</span>
                 </div>
               </div>
@@ -393,8 +393,25 @@
             <div class="title">
               <span class="text">投资阶段分析</span>
             </div>
-            <div class="content">
+            <div class="content relative">
+              <!-- <img src="./groupImg/nnyn.png" style="position:absolute;width: auto;height: 80%;left:130px;top:10%" alt=""> -->
               <div id="echartC4" ref="echartC4" class="commonBack" style="width: 100%; height: 100%;"></div>
+              <div class="line-circle absolute flex items-center" v-if="!centerType">
+                <img src="./groupImg/right.png" alt="" style="margin-right: 5px;">
+                <span>新建-投资完成额：99.99亿</span>
+              </div>
+              <div class="line-circle absolute flex items-center" v-if="!centerType">
+                <img src="./groupImg/right.png" alt="" style="margin-right: 5px;">
+                <span>新建-项目数量：1208个</span>
+              </div>
+              <div class="line-circle absolute flex items-center" v-if="!centerType">
+                <span>续建-投资完成额：99.99亿</span>
+                <img src="./groupImg/left.png" alt="" style="margin-left:5px">
+              </div>
+              <div class="line-circle absolute flex items-center" v-if="!centerType">
+                <span>续建-项目数量：1208个</span>
+                <img src="./groupImg/left.png" alt="" style="margin-left:5px">
+              </div>
             </div>
           </div>
           <div class="card">

investmentPort/styles/investHomeGroup.css

@@ -181,7 +181,7 @@ div {
   height: 10px;
   background: url('../groupImg/title-right2.png') no-repeat;
 }
-.investorTitle{
+.investorTitle {
   display: flex;
   align-items: center;
   width: 80%;
@@ -191,16 +191,41 @@ div {
   font-size: 20px;
   justify-content: space-around;
 }
-.investorIntroduce{
+.investorIntroduce {
   width: 46%;
   height: 55%;
   right: 3%;
-  bottom: 15%;
+  bottom: 14%;
   font-size: 20px;
   display: grid;
-  grid-template-columns: 2fr 1fr;   
-  grid-template-rows: repeat(3, 1fr);  
-  align-items:center;
+  grid-template-columns: 2fr 1fr;
+  grid-template-rows: repeat(3, 1fr);
+  align-items: center;
+}
+.line-circle img {
+  width: 70px;
+  height: 20px;
+}
+.line-circle span {
+  font-size: 20px;
+  height: 30px;
+  line-height: 30px;
+}
+.line-circle:nth-child(2) {
+  top: 120px;
+  left: 380px;
+}
+.line-circle:nth-child(3) {
+  top: 260px;
+  left: 440px;
+}
+.line-circle:nth-child(4) {
+  top: 280px;
+  left: 20px;
+}
+.line-circle:nth-child(5) {
+  top: 390px;
+  left: 10px;
 }
 .content {
   height: calc(100% - 110px);
@@ -846,11 +871,11 @@ tspan {
   z-index: 999;
   width: 100%;
 }
-.iframeCss{
+.iframeCss {
   transform: scale(1.4);
   position: absolute;
-  left: calc( 50% - 960px );
-  top:calc( 50% - 470px );
+  left: calc(50% - 960px);
+  top: calc(50% - 470px);
 }
 .productTip {
   /* height: 1800px !important;
@@ -859,9 +884,9 @@ tspan {
   left: calc(50% - ( 1500px / 9 * 16 + 200px) / 2);
   z-index: 99999999999 !important; */
   height: 1800px !important;
-  width: calc( 2200px / 9 * 16 + 200px) !important;
+  width: calc(2200px / 9 * 16 + 200px) !important;
   top: calc(50% - 900px);
-  left: calc(50% - ( 2200px / 9 * 16 + 200px) / 2);
+  left: calc(50% - (2200px / 9 * 16 + 200px) / 2);
   z-index: 99999999999 !important;
 }
 /* .five .productTip .header-item,.five
@@ -912,8 +937,8 @@ tspan {
   width: 15px !important;
   height: 15px !important;
 }
-rect{
-  y:8 !important;
+rect {
+  y: 8 !important;
 }
 /* 公共css */
 /* 宽高纵横比 */