设置添加面包屑，logo配置

admin/src/config/setting.ts

@@ -1,4 +1,6 @@
 const defaultSetting = {
+    showCrumb: true, // 是否显示面包屑
+    showLogo: true, // 是否显示logo
     isUniqueOpened: false, //只展开一个一级菜单
     sideWidth: 200, //侧边栏宽度
     sideTheme: 'light', //侧边栏主题

admin/src/layout/default/components/header/index.vue

@@ -8,7 +8,7 @@
                 <div class="navbar-item">
                     <refresh />
                 </div>
-                <div class="flex items-center px-2" v-if="!isMobile">
+                <div class="flex items-center px-2" v-if="!isMobile && settingStore.showCrumb">
                     <breadcrumb />
                 </div>
             </div>

admin/src/layout/default/components/setting/drawer.vue

@@ -57,9 +57,23 @@
                     />
                 </div>
             </div>
-            <div class="setting-item mb-5">
+            <div class="setting-item mb-5 flex justify-between items-center">
-                <div class="text-tx-secondary mb-4">菜单栏宽度</div>
+                <div class="text-tx-secondary flex-none mr-3">菜单栏宽度</div>
-                <div><el-input-number v-model="sideWidth" :min="180" :max="250" /></div>
+                <div>
+                    <el-input-number v-model="sideWidth" :min="180" :max="250" />
+                </div>
+            </div>
+            <div class="setting-item mb-5 flex justify-between items-center">
+                <div class="text-tx-secondary flex-none mr-3">显示LOGO</div>
+                <div>
+                    <el-switch v-model="showLogo" :active-value="true" :inactive-value="false" />
+                </div>
+            </div>
+            <div class="setting-item mb-5 flex justify-between items-center">
+                <div class="text-tx-secondary flex-none mr-3">显示面包屑</div>
+                <div>
+                    <el-switch v-model="showCrumb" :active-value="true" :inactive-value="false" />
+                </div>
             </div>
             <div class="setting-item mb-5 flex justify-between items-center">
                 <el-button @click="resetTheme">重置主题</el-button>
@@ -158,6 +172,30 @@ const theme = computed({
     }
 })
 
+const showLogo = computed({
+    get() {
+        return settingStore.showLogo
+    },
+    set(value) {
+        settingStore.setSetting({
+            key: 'showLogo',
+            value
+        })
+    }
+})
+
+const showCrumb = computed({
+    get() {
+        return settingStore.showCrumb
+    },
+    set(value) {
+        settingStore.setSetting({
+            key: 'showCrumb',
+            value
+        })
+    }
+})
+
 const isDark = useDark()
 const themeChange = () => {
     settingStore.setTheme(isDark.value)

admin/src/layout/default/components/sidebar/side.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="side" :style="sideStyle">
-        <side-logo :show-title="!isCollapsed" :theme="sideTheme" />
+        <side-logo v-if="settingStore.showLogo" :show-title="!isCollapsed" :theme="sideTheme" />
         <side-menu
             :routes="routes"
             :isCollapsed="isCollapsed"