From 6f830703a2607c33e5d25d6d17d0e453fc2fac2e Mon Sep 17 00:00:00 2001
From: 周旭 <zhou.xu@ejlchina.com>
Date: 星期二, 13 七月 2021 09:25:46 +0800
Subject: [PATCH] perf(menu): Optimize the style of the bottom collapse button in the Mix menu layout (#896)
---
src/layouts/default/sider/MixSider.vue | 16 +++++++++-------
1 files changed, 9 insertions(+), 7 deletions(-)
diff --git a/src/layouts/default/sider/MixSider.vue b/src/layouts/default/sider/MixSider.vue
index 00f700c..5fd37c4 100644
--- a/src/layouts/default/sider/MixSider.vue
+++ b/src/layouts/default/sider/MixSider.vue
@@ -15,7 +15,7 @@
>
<AppLogo :showTitle="false" :class="`${prefixCls}-logo`" />
- <Trigger :class="`${prefixCls}-trigger`" />
+ <LayoutTrigger :class="`${prefixCls}-trigger`" />
<ScrollContainer>
<ul :class="`${prefixCls}-module`">
@@ -86,7 +86,6 @@
import { SimpleMenu, SimpleMenuTag } from '/@/components/SimpleMenu';
import { Icon } from '/@/components/Icon';
import { AppLogo } from '/@/components/Application';
- import Trigger from '../trigger/HeaderTrigger.vue';
import { useMenuSetting } from '/@/hooks/setting/useMenuSetting';
import { useDragLine } from './useLayoutSider';
import { useGlobSetting } from '/@/hooks/setting';
@@ -97,6 +96,7 @@
import clickOutside from '/@/directives/clickOutside';
import { getChildrenMenus, getCurrentParentPath, getShallowMenus } from '/@/router/menus';
import { listenerRouteChange } from '/@/logics/mitt/routeChange';
+ import LayoutTrigger from '../trigger/index.vue';
export default defineComponent({
name: 'LayoutMixSider',
@@ -105,7 +105,7 @@
AppLogo,
SimpleMenu,
Icon,
- Trigger,
+ LayoutTrigger,
SimpleMenuTag,
},
directives: {
@@ -486,17 +486,19 @@
bottom: 0;
left: 0;
width: 100%;
- padding: 6px;
- padding-left: 12px;
- font-size: 18px;
+ font-size: 14px;
color: rgba(255, 255, 255, 0.65);
+ text-align: center;
cursor: pointer;
- background-color: @sider-dark-bg-color;
+ background-color: @trigger-dark-bg-color;
+ height: 36px;
+ line-height: 36px;
}
&.light &-trigger {
color: rgba(0, 0, 0, 0.65);
background-color: #fff;
+ border-top: 1px solid #eee;
}
&-menu-list {
--
Gitblit v1.8.0