Prechádzať zdrojové kódy

fix: 暂时取消面包屑图标

wanggaokun 1 rok pred
rodič
commit
81b3f80ef4

+ 2 - 2
src/layouts/components/Header/components/Breadcrumb.vue

@@ -4,9 +4,9 @@
       <transition-group name="breadcrumb">
         <el-breadcrumb-item v-for="(item, index) in breadcrumbList" :key="item.path">
           <div class="el-breadcrumb__inner is-link" :class="{ 'item-no-icon': !item.meta.icon }" @click="onBreadcrumbClick(item, index)">
-            <el-icon v-if="item.meta.icon && globalStore.breadcrumbIcon" class="breadcrumb-icon">
+            <!-- <el-icon v-if="item.meta.icon && globalStore.breadcrumbIcon" class="breadcrumb-icon">
               <component :is="item.meta.icon"></component>
-            </el-icon>
+            </el-icon> -->
             <span class="breadcrumb-title">{{ item.meta.title }}</span>
           </div>
         </el-breadcrumb-item>

+ 3 - 3
src/layouts/components/ThemeDrawer/index.vue

@@ -108,10 +108,10 @@
       <span>面包屑</span>
       <el-switch v-model="breadcrumb" />
     </div>
-    <div class="theme-item">
+    <!-- <div class="theme-item">
       <span>面包屑图标</span>
       <el-switch v-model="breadcrumbIcon" />
-    </div>
+    </div> -->
     <div class="theme-item">
       <span>标签栏</span>
       <el-switch v-model="tabs" />
@@ -140,7 +140,7 @@ import SwitchDark from '@/components/SwitchDark/index.vue'
 const { changePrimary, changeGreyOrWeak, setAsideTheme, setHeaderTheme } = useTheme()
 
 const globalStore = useGlobalStore()
-const { layout, primary, isGrey, isWeak, asideInverted, headerInverted, isCollapse, accordion, breadcrumb, breadcrumbIcon, tabs, tabsIcon, footer } =
+const { layout, primary, isGrey, isWeak, asideInverted, headerInverted, isCollapse, accordion, breadcrumb, tabs, tabsIcon, footer } =
   storeToRefs(globalStore)
 
 // 预定义主题颜色

+ 1 - 1
src/stores/modules/global.ts

@@ -33,7 +33,7 @@ export const useGlobalStore = defineStore('admin-global', {
     // 面包屑导航
     breadcrumb: true,
     // 面包屑导航图标
-    breadcrumbIcon: true,
+    breadcrumbIcon: false,
     // 标签页
     tabs: true,
     // 标签页图标