导航icon

src/layout/components/LeftWrap.vue

@@ -79,20 +79,24 @@ function getMenuIcon(item) {
     >
       <template v-for="level1 in navList" :key="level1.MenuId">
         <t-menu-item :value="level1.children[0].path" v-if="level1.IsLevel === 1" @click="handleClickMenu(level1.children[0].path)">
-          <svg-icon
-            :name="getMenuIcon(level1.children[0].name)"
-            :color="$route.path === level1.children[0].path ? '#086CE0' : '#333'"
-            style="font-size: 20px;position: relative;top:5px"
-          ></svg-icon>
+          <template #icon>
+            <svg-icon
+              :name="getMenuIcon(level1.children[0].name)"
+              :color="$route.path === level1.children[0].path ? '#086CE0' : '#333'"
+              style="font-size: 20px;"
+            ></svg-icon>
+          </template>
           <span style="margin-left: 5px">{{ level1.children[0].name }}</span>
         </t-menu-item>
         <t-submenu :value="level1.MenuId" v-if="level1.IsLevel === 2">
-          <template #title>
+          <template #icon>
             <svg-icon
               :name="getMenuIcon(level1.name)"
               :color="$route.path === level1.path ? '#086CE0' : '#333'"
-              style="font-size: 20px;position: relative;top:5px"
+              style="font-size: 20px;"
             ></svg-icon>
+          </template>
+          <template #title>
             <span style="margin-left: 5px">{{ level1.name }}</span>
           </template>
           <t-menu-item