reactor:菜单展开收起图标调整;

src/layout/navBars/breadcrumb/breadcrumb.vue

@@ -1,8 +1,10 @@
 <template>
 	<div v-if="isShowBreadcrumb" class="layout-navbars-breadcrumb">
-		<SvgIcon class="layout-navbars-breadcrumb-icon" :name="themeConfig.isCollapse ? 'ele-Expand' : 'ele-Fold'"
-			size="24" @click="onThemeConfigChange" color="var(--el-color-primary)" />
-<!--		<el-breadcrumb class="layout-navbars-breadcrumb-hide" v-if="!userInfosConfig.showTelControl">
+    <el-icon class="layout-navbars-breadcrumb-icon"	@click="onThemeConfigChange" size="20">
+      <Expand v-if="themeConfig.isCollapse" color="var(--el-color-primary)"/>
+      <Fold v-else color="var(--el-color-primary)"/>
+    </el-icon>
+		<!--		<el-breadcrumb class="layout-navbars-breadcrumb-hide" v-if="!userInfosConfig.showTelControl">
 			<transition-group name="breadcrumb">
 				<el-breadcrumb-item v-for="(v, k) in state.breadcrumbList" :key="!v.meta.tagsViewName ? v.meta.title : v.meta.tagsViewName">
 					<span v-if="k === state.breadcrumbList.length - 1" class="layout-navbars-breadcrumb-span">
@@ -18,16 +20,17 @@
 		</el-breadcrumb>-->
 	</div>
 </template>
-
 <script setup lang="ts" name="layoutBreadcrumb">
-import { reactive, computed, onMounted } from 'vue';
-import { onBeforeRouteUpdate, useRoute,useRouter } from 'vue-router';
+import { reactive, computed, onMounted, watch, ref } from "vue";
+import { onBeforeRouteUpdate, useRoute, useRouter } from 'vue-router';
 import { Local } from '@/utils/storage';
 import other from '@/utils/other';
 import { storeToRefs } from 'pinia';
 import { useThemeConfig } from '@/stores/themeConfig';
 import { useRoutesList } from '@/stores/routesList';
-import {useUserInfo} from "@/stores/userInfo"
+import { useUserInfo } from '@/stores/userInfo';
+import {Expand,Fold} from '@element-plus/icons-vue'
+
 const storesUserInfo = useUserInfo();
 const { userInfos } = storeToRefs(storesUserInfo);
 
@@ -41,7 +44,7 @@ const route = useRoute();
 const router = useRouter();
 // 获取用户信息配置
 const userInfosConfig = computed(() => {
-  return userInfos.value;
+	return userInfos.value;
 });
 const state = reactive<BreadcrumbState>({
 	breadcrumbList: [],
@@ -69,7 +72,8 @@ const onThemeConfigChange = () => {
 };
 // 存储布局配置
 const setLocalThemeConfig = () => {
-  Local.set('themeConfig', themeConfig.value);
+  Local.remove('themeConfig');
+	Local.set('themeConfig', themeConfig.value);
 };
 // 处理面包屑数据
 const getBreadcrumbList = (arr: Array<string>) => {
@@ -111,7 +115,7 @@ onBeforeRouteUpdate((to) => {
 	height: inherit;
 	display: flex;
 	align-items: center;
-  margin:0 10px;
+	margin: 0 10px;
 
 	.layout-navbars-breadcrumb-icon {
 		cursor: pointer;