多页签UI优化

src/components/Application/search/AppSearch.vue

@@ -168,7 +168,7 @@
       if (!meta?.hidden && reg.test(title) && !children?.length) {
         ret.push({
           name: parent?.title ? `${parent.title} > ${title}` : title,
-          path: replacePath(path),
+          path: parent?.path ? replacePath(parent.path) : replacePath(path),
           icon,
           key,
         });

src/layout/components/Header/index.vue

@@ -41,13 +41,14 @@
         </el-icon>
       </div>
       <!-- 面包屑 -->
-      <el-breadcrumb v-if="crumbsSetting.show" class="hidden-sm-only">
+      <el-breadcrumb v-if="crumbsSetting.show" class="flex items-center hidden-sm-only">
         <template v-for="routeItem in breadcrumbList" :key="routeItem.name">
           <el-breadcrumb-item v-if="routeItem.meta.breadcrumbView != false">
             <el-dropdown v-if="routeItem.children.length" :options="routeItem.children">
-              <span class="link-text">
+              <span class="flex items-center link-text">
                 <el-icon
-                  class="el-input__icon"
+                  class="mr-2 el-input__icon"
+                  :size="18"
                   v-if="crumbsSetting.showIcon && routeItem.meta.icon"
                 >
                   <component :is="routeItem.meta.icon" />
@@ -60,19 +61,24 @@
               <template #dropdown>
                 <el-dropdown-menu>
                   <el-dropdown-item v-for="item in routeItem.children" :key="item.name">
-                    <el-icon class="el-input__icon" v-if="crumbsSetting.showIcon && item.meta.icon">
+                    <el-icon
+                      class="el-input__icon"
+                      :size="18"
+                      v-if="crumbsSetting.showIcon && item.meta.icon"
+                    >
                       <component :is="item.meta.icon" />
                     </el-icon>
-                    <Render
-                      :ref="`renderDom_${routeItem.name}`"
-                      :value="getRender(routeItem.meta.title)"
-                    />
+                    <Render :ref="`renderDom_${item.name}`" :value="getRender(item.meta.title)" />
                   </el-dropdown-item>
                 </el-dropdown-menu>
               </template>
             </el-dropdown>
             <span v-else class="link-text">
-              <el-icon class="el-input__icon" v-if="crumbsSetting.showIcon && routeItem.meta.icon">
+              <el-icon
+                class="el-input__icon"
+                :size="18"
+                v-if="crumbsSetting.showIcon && routeItem.meta.icon"
+              >
                 <component :is="routeItem.meta.icon" />
               </el-icon>
               <Render