update：可见性和特效栏目的增加

src/components/AsideMenuBar.vue

@@ -39,6 +39,28 @@
                     </el-menu-item>
                 </el-sub-menu>
 
+                <el-sub-menu index="8">
+                    <template #title>
+                        <el-icon><Grid /></el-icon>
+                        <span>可见性</span>
+                    </template>
+                    <el-menu-item v-for="item in elementVisible" :key="item.id" :index="item.title" @click="goAnchor(item.title)">
+                        <el-icon><View /></el-icon>
+                        <span>{{item.title}}</span>
+                    </el-menu-item>
+                </el-sub-menu>
+
+                <el-sub-menu index="8">
+                    <template #title>
+                        <el-icon><Grid /></el-icon>
+                        <span>特效</span>
+                    </template>
+                    <el-menu-item v-for="item in elementSpecialEffect" :key="item.id" :index="item.title" @click="goAnchor(item.title)">
+                        <el-icon><View /></el-icon>
+                        <span>{{item.title}}</span>
+                    </el-menu-item>
+                </el-sub-menu>
+
                 <el-sub-menu index="10">
                     <template #title>
                         <el-icon><MapLocation /></el-icon>
@@ -102,11 +124,13 @@
 <script setup>
 import { ref } from 'vue';
 import { MapLocation, SemiSelect, Grid, View } from "@element-plus/icons-vue";
-import { elementSpaceMissionsMap, elementStationMap, elementMovingMap, elementGraphicMap, elementSceneSetMap, elementCameraMap, elementWeatherMap, elementAlgorithmMap } from '@/views/ElementMap';
+import { elementSpaceMissionsMap, elementStationMap, elementMovingMap, elementVisibleMap, elementSpecialEffectMap, elementGraphicMap, elementSceneSetMap, elementCameraMap, elementWeatherMap, elementAlgorithmMap } from '@/views/ElementMap';
 
 const elementSpaceMissions = ref()
 const elementStation = ref()
 const elementMoving = ref()
+const elementVisible = ref()
+const elementSpecialEffect = ref()
 const elementGraphic = ref()
 const elementSceneSet = ref()
 const elementCamera = ref()
@@ -116,6 +140,8 @@ const elementAlgorithm = ref()
 elementSpaceMissions.value = elementSpaceMissionsMap;
 elementStation.value = elementStationMap;
 elementMoving.value = elementMovingMap;
+elementVisible.value = elementVisibleMap;
+elementSpecialEffect.value = elementSpecialEffectMap;
 elementGraphic.value = elementGraphicMap;
 elementSceneSet.value = elementSceneSetMap;
 elementCamera.value = elementCameraMap;

src/views/ElementMap.js

@@ -86,6 +86,22 @@ export const elementMovingMap = {
     }
 }
 
+// 可见性
+export const elementVisibleMap = {
+    指定连接类型: {
+        title: '指定连接类型',
+        pngUrl: '/src/assets/RocketLaunchIntoOrbit.png'
+    }
+}
+
+// 特效
+export const elementSpecialEffectMap = {
+    激光: {
+        title: '激光',
+        pngUrl: '/src/assets/RocketLaunchIntoOrbit.png'
+    }
+}
+
 // 图元
 export const elementGraphicMap = {
     点: {

src/views/indexView.vue

@@ -28,6 +28,24 @@
             </div>
         </div>
         <div class="mt-10">
+            <span class="text-base font-bold">可见性</span>
+            <div style="overflow-y: auto" class="container">
+                <div v-for="item in elementVisible" :key="item.id" @click="indexBtn(item.title)" class="item-container">
+                    <div :id="item.title">{{item.title}}</div>
+                    <img :src="item.pngUrl" width="250">
+                </div>
+            </div>
+        </div>
+        <div class="mt-10">
+            <span class="text-base font-bold">特效</span>
+            <div style="overflow-y: auto" class="container">
+                <div v-for="item in elementSpecialEffect" :key="item.id" @click="indexBtn(item.title)" class="item-container">
+                    <div :id="item.title">{{item.title}}</div>
+                    <img :src="item.pngUrl" width="250">
+                </div>
+            </div>
+        </div>
+        <div class="mt-10">
             <span class="text-base font-bold">图元</span>
             <div style="overflow-y: auto" class="container">
                 <div v-for="item in elementGraphic" :key="item.id" @click="indexBtn(item.title)" class="item-container">
@@ -78,12 +96,14 @@
 <script setup>
 import { ref } from 'vue';
 import { useRouter } from 'vue-router';
-import { elementSpaceMissionsMap, elementStationMap, elementMovingMap, elementGraphicMap, elementSceneSetMap, elementCameraMap, elementWeatherMap, elementAlgorithmMap } from '@/views/ElementMap';
+import { elementSpaceMissionsMap, elementStationMap, elementMovingMap, elementVisibleMap, elementSpecialEffectMap, elementGraphicMap, elementSceneSetMap, elementCameraMap, elementWeatherMap, elementAlgorithmMap } from '@/views/ElementMap';
 
 const router = useRouter()
 const elementSpaceMissions = ref()
 const elementStation = ref()
 const elementMoving = ref()
+const elementVisible = ref()
+const elementSpecialEffect = ref()
 const elementGraphic = ref()
 const elementSceneSet = ref()
 const elementCamera = ref()
@@ -93,6 +113,8 @@ const elementAlgorithm = ref()
 elementSpaceMissions.value = elementSpaceMissionsMap;
 elementStation.value = elementStationMap;
 elementMoving.value = elementMovingMap;
+elementVisible.value = elementVisibleMap;
+elementSpecialEffect.value = elementSpecialEffectMap;
 elementGraphic.value = elementGraphicMap;
 elementSceneSet.value = elementSceneSetMap;
 elementCamera.value = elementCameraMap;