add:png

src/components/chinaMap/chinaMap.vue

@@ -1,11 +1,27 @@
-<script setup lang="ts">
+<template>
+	<div class="center-map">
+		<div class="china-map-box">
+			<div class="tab-list"></div>
+			<div class="route-navigation"></div>
+			<div class="china-map-container"></div>
+		</div>
+		<div class="center-footer">
+			<div class="count-num"></div>
+		</div>
+	</div>
+</template>
+<script lang="ts" setup>
 
 </script>
-
-<template>
-
-</template>
-
-<style scoped lang="less">
-
+<style lang="less" scoped>
+.center-map {
+	color: #fff;
+	display: flex;
+	flex-direction: column;
+	align-content: space-between;
+	.center-footer{
+		height: 60px;
+		border: 1px solid red;
+	}
+}
 </style>

src/views/index.vue

@@ -17,7 +17,7 @@
                 <two-l/>
             </div>
             <div class="body-d-middle">
-                <ChinaMap/>
+                <china-map />
             </div>
             <div class="body-d-right">
                 <one-r/>
@@ -78,7 +78,7 @@ import ChinaMap from '../components/chinaMap/chinaMap.vue'
         width: 25%;
     }
 
-    .body-d-left, .body-d-middle, .body-d-right {
+    .body-d-left,  .body-d-right {
         text-align: center;
     }