From a8bde389b79b155a46dd14158149bfbb1a967f80 Mon Sep 17 00:00:00 2001
From: liupeng <511646242@qq.com>
Date: Tue, 20 May 2025 16:31:00 +0800
Subject: [PATCH 1/2] =?UTF-8?q?=E4=BF=AE=E6=94=B9menu?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ModelMain.less | 16 ++++++++++++++++
 src/views/ModelMain.vue  |  6 +++---
 2 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/src/views/ModelMain.less b/src/views/ModelMain.less
index 19da647..823a6be 100644
--- a/src/views/ModelMain.less
+++ b/src/views/ModelMain.less
@@ -15,6 +15,22 @@
       align-items: center;
       margin: 0 20px;
     }
+    .app-header-menu{
+      height: 100%;
+      padding:0 16px;
+      color:#fff;
+      display: flex;
+      align-items: center;
+      cursor: pointer;
+      .el-icon{
+        margin-left:8px;
+        font-size: 12px;
+      }
+      &:hover{
+        background-color: #494d52;
+        color: #fff
+      }
+    }
     .el-menu-item{
       line-height: 50px;
     }
diff --git a/src/views/ModelMain.vue b/src/views/ModelMain.vue
index 411d7b6..86a1892 100644
--- a/src/views/ModelMain.vue
+++ b/src/views/ModelMain.vue
@@ -2,10 +2,10 @@
   <div class="app-wrap">
     <div class="app-header">
       <div class="logo"><img :src="Logo" alt="" style="height: 30px;width: 169px"></div>
-      <el-button v-for="rootMenu in calcRootMenu" @click="clickRootMenu"
+      <div class="app-header-menu" v-for="rootMenu in calcRootMenu" @click="clickRootMenu"
                  v-menus:left="rootMenu.children"
-      >{{ rootMenu.label }}
-      </el-button>
+      >{{ rootMenu.label }} <component :is="renderIcon('element ArrowDown')"></component>
+      </div>
 
       <el-menu :default-active="activeIndex"
                class="el-menu-demo"

From fb1e608a44ba28ec6f389618566728881b9641dc Mon Sep 17 00:00:00 2001
From: liupeng <511646242@qq.com>
Date: Tue, 20 May 2025 16:34:37 +0800
Subject: [PATCH 2/2] =?UTF-8?q?=E4=BF=AE=E6=94=B9menu?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ModelMain.less | 46 ++++++++++++++++---------------------------
 src/views/ModelMain.vue  | 51 +++++-------------------------------------------
 2 files changed, 22 insertions(+), 75 deletions(-)

diff --git a/src/views/ModelMain.less b/src/views/ModelMain.less
index 823a6be..d69e24d 100644
--- a/src/views/ModelMain.less
+++ b/src/views/ModelMain.less
@@ -15,36 +15,24 @@
       align-items: center;
       margin: 0 20px;
     }
-    .app-header-menu{
-      height: 100%;
-      padding:0 16px;
-      color:#fff;
-      display: flex;
-      align-items: center;
-      cursor: pointer;
-      .el-icon{
-        margin-left:8px;
-        font-size: 12px;
-      }
-      &:hover{
-        background-color: #494d52;
-        color: #fff
-      }
-    }
-    .el-menu-item{
-      line-height: 50px;
-    }
-    .el-menu--horizontal{
-      height: 50px;
+    .app-header-menu-wrap{
       flex:1;
-      border: none;
-      &>.el-menu-item{
-        height: 50px;
-      }
-      &>.el-sub-menu {
-        height: 50px;
-        .el-sub-menu__title{
-          height: 50px;
+      display: flex;
+      flex-direction: row;
+      .app-header-menu{
+        height: 100%;
+        padding:0 16px;
+        color:#fff;
+        display: flex;
+        align-items: center;
+        cursor: pointer;
+        .el-icon{
+          margin-left:8px;
+          font-size: 12px;
+        }
+        &:hover{
+          background-color: #494d52;
+          color: #fff
         }
       }
     }
diff --git a/src/views/ModelMain.vue b/src/views/ModelMain.vue
index 86a1892..7a2ec1a 100644
--- a/src/views/ModelMain.vue
+++ b/src/views/ModelMain.vue
@@ -2,53 +2,12 @@
   <div class="app-wrap">
     <div class="app-header">
       <div class="logo"><img :src="Logo" alt="" style="height: 30px;width: 169px"></div>
-      <div class="app-header-menu" v-for="rootMenu in calcRootMenu" @click="clickRootMenu"
-                 v-menus:left="rootMenu.children"
-      >{{ rootMenu.label }} <component :is="renderIcon('element ArrowDown')"></component>
+      <div class="app-header-menu-wrap">
+        <div class="app-header-menu" v-for="rootMenu in calcRootMenu" @click="clickRootMenu"
+             v-menus:left="rootMenu.children"
+        >{{ rootMenu.label }} <component :is="renderIcon('element ArrowDown')"></component>
+        </div>
       </div>
-
-      <el-menu :default-active="activeIndex"
-               class="el-menu-demo"
-               mode="horizontal"
-               background-color="#545c64"
-               text-color="#fff"
-               active-text-color="#ffd04b"
-               @select="handleSelect">
-        <el-sub-menu index="1">
-          <template #title>文件模型</template>
-          <el-menu-item index="1-1">新建模型</el-menu-item>
-          <el-menu-item index="1-2">保存</el-menu-item>
-          <el-divider></el-divider>
-          <el-menu-item index="1-3">导出</el-menu-item>
-          <el-menu-item index="1-4">导入</el-menu-item>
-          <el-divider></el-divider>
-          <el-menu-item index="1-5">退出</el-menu-item>
-        </el-sub-menu>
-        <el-sub-menu index="2">
-          <template #title>编辑</template>
-          <el-menu-item index="2-1">查找</el-menu-item>
-          <el-divider></el-divider>
-          <el-menu-item index="2-2">复制</el-menu-item>
-          <el-menu-item index="2-3">粘贴</el-menu-item>
-          <el-menu-item index="2-4">删除</el-menu-item>
-        </el-sub-menu>
-        <el-sub-menu index="3">
-          <template #title>仿真</template>
-          <el-menu-item index="3-1">开始仿真</el-menu-item>
-          <el-divider></el-divider>
-          <el-menu-item index="3-2">停止仿真</el-menu-item>
-          <el-divider></el-divider>
-          <el-menu-item index="3-3">暂停</el-menu-item>
-          <el-menu-item index="3-4">继续</el-menu-item>
-          <el-menu-item index="3-5">仿真速度X1</el-menu-item>
-          <el-menu-item index="3-6">仿真速度X2</el-menu-item>
-          <el-menu-item index="3-7">仿真速度X3</el-menu-item>
-          <el-menu-item index="3-8">仿真速度X4</el-menu-item>
-          <el-menu-item index="3-9">仿真速度X5</el-menu-item>
-        </el-sub-menu>
-        <el-menu-item index="4">基础数据</el-menu-item>
-        <el-menu-item index="5">小工具</el-menu-item>
-      </el-menu>
       <div class="user">
       <span>
         <component :is="renderIcon('element User')"></component>