add

package.json

@@ -9,14 +9,17 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "path": "^0.12.7",
     "vue": "^3.3.4"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^4.2.3",
+    "@ant-design/colors": "^7.0.0",
+    "@ant-design/icons-vue": "^6.1.0",
+    "echarts": "^5.4.3",
+    "less": "^4.2.0",
     "typescript": "^5.0.2",
     "vite": "^4.4.5",
-    "vue-tsc": "^1.8.5",
-    "echarts": "^5.4.3",
-    "less": "^4.2.0"
+    "vue-tsc": "^1.8.5"
   }
 }

src/App.vue

@@ -5,6 +5,7 @@ import index from './views/index.vue'
 <template>
     <index/>
 </template>
-
+<style lang="less" src="./assets/less/index.less">
+</style>
 <style lang="less" scoped>
 </style>

src/assets/less/index.less

@@ -0,0 +1,19 @@
+*::-webkit-scrollbar {
+  width: 12px;
+  height: 12px;
+}
+*::-webkit-scrollbar-button {
+  width: 0;
+  height: 0;
+  display: none;
+}
+*::-webkit-scrollbar-corner {
+  background-color: transparent;
+}
+*::-webkit-scrollbar-thumb {
+  border: 4px solid rgba(0, 0, 0, 0);
+  height: 6px;
+  border-radius: 25px;
+  background-clip: padding-box;
+  background-color: rgba(0, 0, 0, 0.30);
+}

src/assets/ts/antd.ts

@@ -0,0 +1,12 @@
+import type {App} from 'vue';
+import {
+    Form,
+    Input,
+    Button,
+} from 'ant-design-vue';
+
+export default function registerGlobComp(app: App) {
+    app.use(Button)
+        .use(Form)
+        .use(Input)
+}

src/main.ts

@@ -1,4 +1,6 @@
 import {createApp} from 'vue'
 import App from './App.vue'
-
-createApp(App).mount('#app')
+import registerGlobComp from './assets/ts/antd.ts'
+const app=createApp(App)
+registerGlobComp(app);
+app.mount('#app')

src/views/index.vue

@@ -58,7 +58,6 @@ import ChinaMap from '../components/chinaMap/chinaMap.vue'
         text-align: center;
         border-right: 1px solid red;
     }
-
 }
 
 .body-d {
@@ -91,5 +90,9 @@ import ChinaMap from '../components/chinaMap/chinaMap.vue'
             padding: 10px;
         }
     }
+	.body-d-middle{
+		display: flex;
+		flex-direction: column;
+	}
 }
 </style>

vite.config.ts

@@ -1,7 +1,19 @@
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
+import {resolve} from 'path';
 
+function pathResolve(dir: string) {
+  return resolve(process.cwd(), '.', dir);
+}
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [vue()],
+  resolve: {
+    alias: [
+      {
+        find: /\/@\//,
+        replacement: pathResolve('src') + '/',
+      },
+    ],
+  },
 })