chore: layout菜单修改

sdmu-gaoqi · Jan 21, 2024 · e1a067c · e1a067c
1 parent e33c73f
commit e1a067c
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 18 deletions.
diff --git a/.eslintrc.cjs b/.eslintrc.cjs
@@ -48,6 +48,7 @@ module.exports = {
       },
       rules: {
         'no-console': 'off',
+        "vue/no-use-v-if-with-v-for": 'off',
         '@typescript-eslint/no-unused-vars': [
           'error',
           { vars: 'all', args: 'after-used', ignoreRestSiblings: true }

diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -3,6 +3,6 @@
     "source.fixAll.eslint": "never",
     "source.fixAll.stylelint": "never"
   },
-  "editor.formatOnSave": true,
+  "editor.formatOnSave": false,
   "typescript.tsdk": "node_modules/typescript/lib"
 }
diff --git a/src/components/layout/layout.vue b/src/components/layout/layout.vue
@@ -52,8 +52,11 @@
           @click="handleClickMenu"
           :selectedKeys="[tab]"
         >
-          <template v-for="item in currentMenus" :key="item.key">
-            <a-sub-menu v-if="item.children && item.children?.length > 0">
+          <template v-for="item in currentMenus">
+            <a-sub-menu
+              v-if="item.children && item.children?.length > 0"
+              :key="item.key"
+            >
               <template #title>
                 <span>
                   <img
@@ -64,23 +67,24 @@
                   {{ renderName(item) }}
                 </span>
               </template>
-              <template v-for="children in item.children" :key="children.key">
-                <a-menu-item v-if="item.children && item.children.length > 0">{{
-                  renderName(children)
-                }}</a-menu-item>
+              <template v-for="children in item.children">
+                <a-menu-item
+                  v-if="item.children && item.children.length > 0"
+                  :key="children.key"
+                  >{{ renderName(children) }}</a-menu-item
+                >
               </template>
             </a-sub-menu>
-            <a-menu-item
-              v-else-if="!item.children || item.children?.length === 0"
-              :key="item.key"
-            >
-              <img
-                :src="item.icon"
-                v-if="item.icon"
-                class="h-[15px] mr-[5px]"
-              />
-              {{ renderName(item) }}
-            </a-menu-item>
+            <template v-else-if="!item.children || item.children?.length === 0">
+              <a-menu-item :key="item.key">
+                <img
+                  :src="item.icon"
+                  v-if="item.icon"
+                  class="h-[15px] mr-[5px]"
+                />
+                {{ renderName(item) }}
+              </a-menu-item>
+            </template>
           </template>
         </a-menu>
       </a-layout-sider>