fix: 提交菜单项目区域按钮

src/renderer/src/assets/project-run.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="styles__StyledSVGIconPathComponent-sc-i3aj97-0 bxMexi svg-icon-path-icon fill" viewBox="0 0 448 512" width="28" height="28"><defs></defs><g><path d="M424.4 214.7L72.4 6.6C43.8-10.3 0 6.1 0 47.9V464c0 37.5 40.7 60.1 72.4 41.3l352-208c31.4-18.5 31.5-64.1 0-82.6z" fill="#FFF"></path></g></svg>

src/renderer/src/views/designer/tools/index.vue

@@ -1,7 +1,9 @@
 <template>
   <el-tabs v-model="activeMenu" type="border-card">
     <el-tab-pane label="项目" name="project">
-      <div class="h-50px">项目菜单</div>
+      <div class="h-50px flex flex-row">
+        <projectPage />
+      </div>
     </el-tab-pane>
     <el-tab-pane label="编辑" name="page">
       <div class="h-50px">编辑菜单</div>
@@ -17,6 +19,7 @@
 
 <script setup lang="ts">
 import { ref } from 'vue'
+import projectPage from './project.vue'
 const activeMenu = ref('project')
 </script>
 

src/renderer/src/views/designer/tools/project.vue

@@ -0,0 +1,54 @@
+<template>
+  <div
+    v-for="item in projectMenu"
+    :key="item.label"
+    class="flex flex-col justify-center items-center h-full w-60px cursor-pointer mr-10px"
+  >
+    <img :src="item.img" class="w-35px h-35px" :alt="item.label" />
+    <div class="text-12px">{{ item.label }}</div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { reactive } from 'vue'
+const projectMenu = reactive([
+  {
+    label: '新建项目',
+    img: new URL('@/assets/project-add.svg', import.meta.url).href
+  },
+  {
+    label: '打开项目',
+    img: new URL('@/assets/open-project.svg', import.meta.url).href
+  },
+  {
+    label: '保存',
+    img: new URL('@/assets/project-save.svg', import.meta.url).href
+  },
+  {
+    label: '生成代码',
+    img: new URL('@/assets/generate-code.svg', import.meta.url).href
+  },
+  {
+    label: '编译',
+    img: new URL('@/assets/compile.svg', import.meta.url).href
+  },
+  {
+    label: '运行',
+    img: new URL('@/assets/project-run.svg', import.meta.url).href
+  },
+  {
+    label: '预览',
+    img: new URL('@/assets/preview.svg', import.meta.url).href
+  },
+  {
+    label: '链接',
+    img: new URL('@/assets/project-link.svg', import.meta.url).href
+  },
+  {
+    label: '下载',
+    img: new URL('@/assets/down.svg', import.meta.url).href
+  }
+])
+</script>
+
+<style lang="less" scoped></style>