perf(menu): Optimize the style of the bottom collapse button in the Mix men...

周旭

2021-07-13 6f830703a2607c33e5d25d6d17d0e453fc2fac2e

perf(menu): Optimize the style of the bottom collapse button in the Mix menu layout (#896)

 CHANGELOG.zh_CN.md

@@ -1,6 +1,7 @@
### ✨ Features

- **NoticeList** 添加分页、超长自动省略、标题点击事件、标题删除线等功能
- **MixSider** 优化 Mix 菜单布局时 底部折叠按钮 的样式，与其它菜单布局时的风格保持一致

### 🐛 Bug Fixes


 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 {