模型库

QYF-GitLab1

2025-03-03 b3850046bfb2b8fd81c5b08dff7c9291e5d9bab4

模型库

 src/components/TreeMenu.vue

@@ -50,11 +50,19 @@
    icon: "FolderOpened",
    children: [
      {
        label: "型号1",
        path: "/model/childrenModel01",
        label: "着陆器模型库",
        path: "/model/landerModel",
        icon: "Document",
      },
      {
        label: "型号2",
        label: "巡视器模型库",
        path: "/model/roverModel",
        icon: "Document",
      },
      {
        label: "飞跃器模型库",
        path: "/model/leapMachineModel",
        icon: "Document",
      },
    ],
  },

 src/layout/Header.vue

@@ -85,6 +85,7 @@

:deep(.el-menu-item) {
  color: #303133;
  margin: 0 20px !important;

  &:hover {
    color: #303133;

 src/router/index.ts

@@ -10,13 +10,23 @@
    {
      path: '/model',
      name: 'model',
      redirect: '/model/childrenModel01',
      redirect: '/model/landerModel',
      component: () => import('../views/model/index.vue'),
      children: [
        {
          path: '/model/childrenModel01',
          name: 'childrenModel01',
          component: () => import('../views/model/children/childrenModel01.vue')
          path: '/model/landerModel',
          name: 'landerModel',
          component: () => import('../views/model/children/landerModel.vue')
        },
        {
          path: '/model/roverModel',
          name: 'roverModel',
          component: () => import('../views/model/children/roverModel.vue')
        },
        {
          path: '/model/leapMachineModel',
          name: 'leapMachineModel',
          component: () => import('../views/model/children/leapMachineModel.vue')
        },
      ]
    },

 src/views/model/children/landerModel.vue

 src/views/model/children/leapMachineModel.vue

New file
@@ -0,0 +1,14 @@
<template>
  <div class="kinematic">
    <h2>飞跃器模型库</h2>
  </div>
</template>

<script setup lang="ts">
</script>

<style lang="less" scoped>
.kinematic {
  padding: 20px;
}
</style> 

 src/views/model/children/roverModel.vue

New file
@@ -0,0 +1,14 @@
<template>
  <div class="kinematic">
    <h2>巡视器模型库</h2>
  </div>
</template>

<script setup lang="ts">
</script>

<style lang="less" scoped>
.kinematic {
  padding: 20px;
}
</style>