Просмотр исходного кода

分栏模式禁止显示小logo

zuohuaijun 3 лет назад
Родитель
Сommit
f035a30244

+ 7 - 1
vue-next-admin/src/layout/logo/index.vue

@@ -1,6 +1,6 @@
 <template>
 	<div class="layout-logo" v-if="setShowLogo" @click="onThemeConfigChange">
-		<img :src="logoMini" class="layout-logo-medium-img" />
+		<img :src="logoMini" class="layout-logo-medium-img" v-if="showLogo"/>
 		<span>{{ themeConfig.globalTitle }}</span>
 	</div>
 	<div class="layout-logo-size" v-else @click="onThemeConfigChange">
@@ -25,6 +25,11 @@ export default defineComponent({
 			let { isCollapse, layout } = themeConfig.value;
 			return !isCollapse || layout === 'classic' || document.body.clientWidth < 1000;
 		});
+		// 分类模式不显示图标
+		const showLogo = computed(() => {
+			let { layout } = themeConfig.value;
+			return layout !== 'columns';
+		});
 		// logo 点击实现菜单展开/收起
 		const onThemeConfigChange = () => {
 			if (themeConfig.value.layout === 'transverse') return false;
@@ -33,6 +38,7 @@ export default defineComponent({
 		return {
 			logoMini,
 			setShowLogo,
+			showLogo,
 			themeConfig,
 			onThemeConfigChange,
 		};

+ 1 - 1
vue-next-admin/src/stores/themeConfig.ts

@@ -19,7 +19,7 @@ export const useThemeConfig = defineStore('themeConfig', {
 			 * 全局主题
 			 */
 			// 默认 primary 主题颜色
-			primary: '#FF4C00',
+			primary: '#FF5C00',
 			// 是否开启深色模式
 			isIsDark: false,