动态图修改完成

package.json

@@ -9,13 +9,18 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "@antv/g6": "^5.0.48",
+    "axios": "^1.10.0",
     "echarts": "^5.6.0",
     "element-plus": "^2.9.11",
+    "pinia": "^3.0.3",
     "vue": "^3.5.13",
     "vue-router": "^4.5.1"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^5.2.3",
+    "less": "^4.3.0",
+    "less-loader": "^12.3.0",
     "prettier": "^3.6.0",
     "vite": "^6.3.5"
   }

src/App.vue

@@ -326,7 +326,7 @@ const showToggleJianjie = ref(false);
 
 .menu {
   width: 320px;
-  height: 100%;
+  height: 101%;
   border-width: 2px;
   border-style: solid;
   border-image: linear-gradient(to bottom, #3aa1f8, #3aa1f833) 1;
@@ -405,4 +405,11 @@ const showToggleJianjie = ref(false);
   margin-left: 360px;
   margin-top: 16px;
 }
+
+.main2 {
+  width: 1544px;
+  height: 944px;
+  margin-left: 30px;
+  margin-top: 16px;
+}
 </style>

src/assets/img/importantNode_time.svg

@@ -0,0 +1,4 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="14" cy="14" r="13" fill="#CF1322" stroke="white" stroke-width="2"/>
+<path d="M13.184 15.328V14.352H10.016V15.328H13.184ZM10.016 13.408H13.184V12.416H10.016V13.408ZM14.672 12.416V13.408H18.032V12.416H14.672ZM18.032 14.352H14.672V15.328H18.032V14.352ZM21.168 19.584V20.784H6.88V19.584H13.184V18.448H8.064V17.28H13.184V16.368H8.56V11.392H13.184V10.576H6.96V9.392H13.184V8.448C12.448 8.49067 11.648 8.528 10.784 8.56L8.464 8.624C8.45333 8.464 8.416 8.26133 8.352 8.016L8.16 7.456C10.1333 7.40267 12.048 7.30667 13.904 7.168C14.8747 7.09333 15.7653 7.01333 16.576 6.928C17.4507 6.832 18.1973 6.73067 18.816 6.624L19.568 7.792C18.9067 7.90933 18.144 8.016 17.28 8.112C16.4907 8.19733 15.6213 8.272 14.672 8.336V9.392H21.056V10.576H14.672V11.392H19.552V16.368H14.672V17.28H20.144V18.448H14.672V19.584H21.168Z" fill="white"/>
+</svg>

src/assets/img/initNode_time.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12Z" fill="#CF1322"/>
+<path d="M15.824 10.672H8.096V12H15.824V10.672ZM15.824 17.136V15.696H8.096V17.136H15.824ZM15.824 13.168H8.096V14.528H15.824V13.168ZM12.928 8.128C12.896 8.20267 12.8747 8.256 12.864 8.288L12.4 9.376H17.376V19.264H15.824V18.432H8.096V19.264H6.608V9.376H10.8L10.976 8.752C11.04 8.50667 11.088 8.29867 11.12 8.128H4.896V6.752H8.8C8.42667 6.144 8.01067 5.58933 7.552 5.088L8.864 4.512C9.49333 5.10933 10 5.73333 10.384 6.384L9.68 6.752H13.648C14.1493 6.09067 14.5973 5.36 14.992 4.56L16.672 4.944C16.2453 5.57333 15.7973 6.176 15.328 6.752H19.136V8.128H12.928Z" fill="white"/>
+</svg>

src/assets/user/slider_curr.svg

@@ -0,0 +1,4 @@
+<svg width="18" height="24" viewBox="0 0 18 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="18" height="14" fill="#CF1322"/>
+<path d="M9 24L8.74228e-07 14L18 14L9 24Z" fill="#FF6060"/>
+</svg>