message: perf(menu): Optimize the style of the bottom collapse button in the Mix menu layout
diff: >
  <AppLogo :showTitle="false" :class="`${prefixCls}-logo`" />
  - <Trigger :class="`${prefixCls}-trigger`" />
  + <LayoutTrigger :class="`${prefixCls}-trigger`" />
  <ScrollContainer>
  <ul :class="`${prefixCls}-module`">
  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';
  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',
  AppLogo,
  SimpleMenu,
  Icon,
  - Trigger,
  + LayoutTrigger,
  SimpleMenuTag,
  },
  directives: {
  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 {
  