fix(menu): fix menu split mode problem

This commit is contained in:
vben
2020-12-12 00:46:09 +08:00
parent 6b3195b4ca
commit 1ef49e542d
4 changed files with 7 additions and 8 deletions

View File

@@ -100,11 +100,10 @@ export default defineComponent({
const getWrapperStyle = computed(
(): CSSProperties => {
const isHorizontal = unref(getIsHorizontal);
const isHorizontal = unref(getIsHorizontal) || getSplit.value;
return {
height: isHorizontal
? `calc(100% + 1px)`
: `calc(100% - ${props.showLogo ? '48px' : '0px'})`,
height: isHorizontal ? `calc(100%)` : `calc(100% - ${props.showLogo ? '48px' : '0px'})`,
overflowY: isHorizontal ? 'hidden' : 'auto',
};
}

View File

@@ -21,7 +21,7 @@ export default defineComponent({
const injectValue = useLayoutContext();
const { getCalcContentWidth, getSplit } = useMenuSetting();
const { getCalcContentWidth } = useMenuSetting();
const {
getFixed,
@@ -56,8 +56,7 @@ export default defineComponent({
(): CSSProperties => {
const style: CSSProperties = {};
if (unref(getFixed)) {
style.width =
unref(injectValue.isMobile) || unref(getSplit) ? '100%' : unref(getCalcContentWidth);
style.width = unref(injectValue.isMobile) ? '100%' : unref(getCalcContentWidth);
}
if (unref(getShowFullHeaderRef)) {
style.top = `${unref(fullHeaderHeightRef)}px`;

View File

@@ -7,7 +7,7 @@ const dashboard: AppRouteModule = {
path: '/dashboard',
name: 'Dashboard',
component: LAYOUT,
redirect: '/dashboard/welcome',
redirect: '/dashboard/workbench',
meta: {
icon: 'bx:bx-home',
title: t('routes.dashboard.dashboard'),