add

src/components/chinaMap/chinaMap.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+
+</template>
+
+<style scoped lang="less">
+
+</style>

src/views/index.vue

@@ -1,12 +1,3 @@
-<script setup lang="ts">
-
-import OneL from "../components/body-d-left/oneL.vue";
-import TwoL from "../components/body-d-left/twoL.vue";
-import OneR from "../components/body-d-right/oneR.vue";
-import TwoR from "../components/body-d-right/twoR.vue";
-import ThreeR from "../components/body-d-right/threeR.vue";
-</script>
-
 <template>
     <div class="outer">
         <div class="title-d">
@@ -26,7 +17,7 @@ import ThreeR from "../components/body-d-right/threeR.vue";
                 <two-l/>
             </div>
             <div class="body-d-middle">
-                <div></div>
+                <ChinaMap/>
             </div>
             <div class="body-d-right">
                 <one-r/>
@@ -36,7 +27,15 @@ import ThreeR from "../components/body-d-right/threeR.vue";
         </div>
     </div>
 </template>
+<script setup lang="ts">
 
+import OneL from "../components/body-d-left/oneL.vue";
+import TwoL from "../components/body-d-left/twoL.vue";
+import OneR from "../components/body-d-right/oneR.vue";
+import TwoR from "../components/body-d-right/twoR.vue";
+import ThreeR from "../components/body-d-right/threeR.vue";
+import ChinaMap from '../components/chinaMap/chinaMap.vue'
+</script>
 <style lang="less" scoped>
 .outer {
     height: 100%;