投后

investmentNew/index.html

@@ -89,21 +89,18 @@
                 </div>
               </div>
             </div>
-            <div class="overflow-hidden left1B">
-              <svg style="height: 700px; width: 700px" class="svg_box">
-                <circle cx="240" cy="260" r="150" stroke-width="30px" stroke="rgb(140 201 249)" fill="none"
-                  stroke-dasharray="40 10">
-                  <animateTransform attributeName="transform" repeatCount="indefinite" type="rotate" from="0 240 260" /
-                    to="-360 240 260" dur="20" />
-                </circle>
-              </svg>
-              <svg style="height: 700px;width: 700px" class="svg_box">
-                <circle cx="240" cy="120" r="100" stroke-width="10px" stroke="rgb(140 201 249)" fill="none"
-                  stroke-dasharray="10 20">
-                  <animateTransform attributeName="transform" repeatCount="indefinite" type="rotate" from="0 240 120"
-                    to="360 240 120" dur="20" />
-                </circle>
-              </svg>
+            <div class="overflow-hidden left1B relative">
+              <div class="svg_box">
+                <!-- <div></div> -->
+                <svg width="100%" height="100%" v-for="(item,index) in 100" :key="index" :class="index==0?'index':'to'" :style="{top: item*3 + 'px'}">
+                    <!-- <circle  cx="250" cy="350" r="160"  stroke-width="90px" :stroke="index==0?'#b7d2f5':('#0368B4' + (100-index))" fill="none" -->
+                    <circle  cx="250" cy="350" r="160"  stroke-width="90px" :stroke="index==0?'#b7d2f5':('#0352b4' + (100-index))" fill="none"
+                        opacity="0.7" stroke-dasharray="20 20">
+                        <animateTransform attributeName="transform" repeatCount="indefinite" type="rotate" from="0 250 350"
+                            to="360 250 350" dur="30" />
+                    </circle>
+                </svg>
+            </div>
               <div class="flex items-center justify-center flex-col relative" style="padding-bottom: 10%;">
                 <div class="pointer" style="font-size: 72px; color: #ffe036; font-weight: bold"
                   @click.stop="showChartLTipSingle('年度投资计划总额','left','','','投资计划分析','年度投资计划总额','','','','','',2141)">
@@ -675,7 +672,7 @@
           <div class="projectRisk">
             <div class="riskWrap" ref="echartR2"></div>
             <div class="riskWrap" ref="echartR3"></div>
-            <div class="riskWrap longRisk" ref="echartR4"></div>
+            <div class="riskWrap longRisk" ref="echartR4" @mouseenter="echartR4Fd = false"  @mouseout="echartR4Fd = true"></div>
           </div>
         </div>
       </div>

investmentNew/js/Data.js

@@ -429,6 +429,7 @@ let right6 = [
   { value: 0, value2: 0, value3: 0 }
 ]
 let right7 = []
+let right9 = []
 let center4 = [0, 0, 0, 0]
 let center1 = [0, 0, 0, 0]
 // 左中

investmentNew/styles/index.css

@@ -402,11 +402,24 @@ a {
   background-size: 100% 100%;
 }
 .svg_box {
-  transform: rotateX(78deg);
+  width: 460px;
+  height: 800px;
+  transform-origin: center top;
+  transform: rotateX(80deg) ;
   position: absolute;
-  top: -65px;
+  top:190px;
   left: 0;
 }
+.to {
+  position: absolute;
+  left: 0;
+
+}
+.index {
+  position: absolute;
+  left: 0;
+  z-index: 999;
+}
 .left5 {
   display: grid;
   gap: 10px;