svg

investmentNew/index.html

@@ -80,7 +80,7 @@
               </div>
             </div>
             <div class="overflow-hidden left1B">
-              <div class="flex items-center justify-center flex-col">
+              <div class="flex items-center justify-center flex-col relative">
                 <div style="font-size: 72px; color: #ffe036; font-weight: bold">
                   450.12<span style="font-size: 28px">亿</span>
                 </div>
@@ -491,6 +491,20 @@
       <div class="bottom-tip"></div>
     </div>
     <!-- <div style="width: 500px;height: 500px;" ref="echart1"></div> -->
+    <svg style="height: 700px;width: 100%;" 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: 100%;" 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>
   <!-- </dv-full-screen-container> -->
   <script src="./js/index.js"></script>

investmentNew/styles/index.css

@@ -162,8 +162,9 @@ a {
 }
 .left1B > div:nth-child(1) {
   overflow: hidden;
-  background: url("../img/disk.png") no-repeat center center; /*图标路径*/
+  /* background: url("../img/disk.png") no-repeat center center;  */
   background-size: 100% 100%;
+  padding-bottom:10% ;
 }
 .left1C {
   display: grid;
@@ -344,6 +345,12 @@ a {
   bottom: 0;
   left: calc( 50% - 800px);
 }
+.svg_box {
+  transform: rotateX(78deg);
+  position: absolute;
+  top: 22.5%;
+  left: 2.4%;
+}
 /* 公共css */
 /* 宽高纵横比 */
 .font28 {