update：图元对应名称的修改

src/components/AsideMenuBar.vue

@@ -11,7 +11,7 @@
                         <el-icon><MapLocation /></el-icon>
                         <span>图元</span>
                     </template>
-                    <el-menu-item v-for="item in elementPointData" :key="item.id" :index="item.title" @click="goAnchor(item.title)">
+                    <el-menu-item v-for="item in elementGraphicMap" :key="item.id" :index="item.title" @click="goAnchor(item.title)">
                         <el-icon><View /></el-icon>
                         <span>{{item.title}}</span>
                     </el-menu-item>
@@ -20,7 +20,7 @@
                 <el-sub-menu index="2">
                     <template #title>
                         <el-icon><SemiSelect /></el-icon>
-                        <span>线的案例</span>
+                        <span>天气</span>
                     </template>
                     <el-menu-item v-for="item in elementLineData" :key="item.id" :index="item.title" @click="goAnchor(item.title)">
                         <el-icon><View /></el-icon>
@@ -46,13 +46,13 @@
 <script setup>
 import { ref } from 'vue';
 import { MapLocation, SemiSelect, Grid, View } from "@element-plus/icons-vue";
-import { elementPointMap, elementLineMap, elementPlaneMap } from '@/views/ElementMap';
+import { elementGraphicMap, elementLineMap, elementPlaneMap } from '@/views/ElementMap';
 
 const elementPointData = ref()
 const elementLineData = ref()
 const elementPlaneData = ref()
 
-elementPointData.value = elementPointMap;
+elementPointData.value = elementGraphicMap;
 elementLineData.value = elementLineMap;
 elementPlaneData.value = elementPlaneMap;
 

src/views/ElementMap.js

-export const elementPointMap = {
+export const elementGraphicMap = {
     One: {
         title: '点',
         pngUrl: '/src/assets/PointOne.png'
@@ -10,18 +10,6 @@ export const elementPointMap = {
     Three: {
         title: '多面',
         pngUrl: '/src/assets/Plane.png'
-    },
-    Four: {
-        title: 'pointFour',
-        pngUrl: '/src/assets/PointOne.png'
-    },
-    Five: {
-        title: 'pointFive',
-        pngUrl: '/src/assets/PointOne.png'
-    },
-    Six: {
-        title: 'pointSix',
-        pngUrl: '/src/assets/PointOne.png'
     }
 }
 

src/views/indexView.vue

@@ -3,7 +3,7 @@
         <div class="mt-5">
             <span class="text-base font-bold">图元</span>
             <div style="overflow-y: auto" class="container">
-                <div v-for="item in elementPointData" :key="item.id" @click="indexBtn(item.title)" class="item-container">
+                <div v-for="item in elementGraphicMap" :key="item.id" @click="indexBtn(item.title)" class="item-container">
                     <div :id="item.title">{{item.title}}</div>
                     <img :src="item.pngUrl" width="250">
                 </div>
@@ -33,14 +33,14 @@
 <script setup>
 import { ref } from 'vue';
 import { useRouter } from 'vue-router';
-import { elementPointMap, elementLineMap, elementPlaneMap } from './ElementMap';
+import { elementGraphicMap, elementLineMap, elementPlaneMap } from './ElementMap';
 
 const router = useRouter()
 const elementPointData = ref()
 const elementLineData = ref()
 const elementPlaneData = ref()
 
-elementPointData.value = elementPointMap;
+elementPointData.value = elementGraphicMap;
 elementLineData.value = elementLineMap;
 elementPlaneData.value = elementPlaneMap;