|
@@ -14,65 +14,65 @@
|
|
|
<BottomSider v-else-if="getIsBottomMenu" />
|
|
|
<Sider v-else /> -->
|
|
|
<BottomSider v-if="!noSiderLink.includes(routePath)" />
|
|
|
- <bottomSider2 v-if="noChatLink.includes(routePath)" />
|
|
|
+ <!-- <bottomSider2 v-if="noChatLink.includes(routePath)" /> -->
|
|
|
</template>
|
|
|
<script lang="ts">
|
|
|
-import { defineComponent } from 'vue';
|
|
|
+ import { defineComponent } from 'vue';
|
|
|
|
|
|
-import Sider from './LayoutSider.vue';
|
|
|
-import MixSider from './MixSider.vue';
|
|
|
-import BottomSider from './bottomSideder.vue';
|
|
|
-import bottomSider2 from './bottomSider2.vue';
|
|
|
-import { Drawer } from 'ant-design-vue';
|
|
|
+ import Sider from './LayoutSider.vue';
|
|
|
+ import MixSider from './MixSider.vue';
|
|
|
+ import BottomSider from './bottomSideder.vue';
|
|
|
+ import bottomSider2 from './bottomSider2.vue';
|
|
|
+ import { Drawer } from 'ant-design-vue';
|
|
|
|
|
|
-import { useAppInject } from '/@/hooks/web/useAppInject';
|
|
|
-import { useMenuSetting } from '/@/hooks/setting/useMenuSetting';
|
|
|
-import { useDesign } from '/@/hooks/web/useDesign';
|
|
|
-import { useRoute } from 'vue-router';
|
|
|
-import { noSiderLink, noChatLink } from '../layout.data';
|
|
|
-export default defineComponent({
|
|
|
- name: 'SiderWrapper',
|
|
|
- components: { Sider, Drawer, MixSider, BottomSider, bottomSider2 },
|
|
|
- setup() {
|
|
|
- const route = useRoute();
|
|
|
- const { prefixCls } = useDesign('layout-sider-wrapper');
|
|
|
- const { getIsMobile } = useAppInject();
|
|
|
- const { setMenuSetting, getCollapsed, getMenuWidth, getIsMixSidebar, getIsBottomMenu, getIsBottomMenuH, getShowSidebar } = useMenuSetting();
|
|
|
- function handleClose() {
|
|
|
- setMenuSetting({
|
|
|
- collapsed: true,
|
|
|
- });
|
|
|
- }
|
|
|
+ import { useAppInject } from '/@/hooks/web/useAppInject';
|
|
|
+ import { useMenuSetting } from '/@/hooks/setting/useMenuSetting';
|
|
|
+ import { useDesign } from '/@/hooks/web/useDesign';
|
|
|
+ import { useRoute } from 'vue-router';
|
|
|
+ import { noSiderLink, noChatLink } from '../layout.data';
|
|
|
+ export default defineComponent({
|
|
|
+ name: 'SiderWrapper',
|
|
|
+ components: { Sider, Drawer, MixSider, BottomSider, bottomSider2 },
|
|
|
+ setup() {
|
|
|
+ const route = useRoute();
|
|
|
+ const { prefixCls } = useDesign('layout-sider-wrapper');
|
|
|
+ const { getIsMobile } = useAppInject();
|
|
|
+ const { setMenuSetting, getCollapsed, getMenuWidth, getIsMixSidebar, getIsBottomMenu, getIsBottomMenuH, getShowSidebar } = useMenuSetting();
|
|
|
+ function handleClose() {
|
|
|
+ setMenuSetting({
|
|
|
+ collapsed: true,
|
|
|
+ });
|
|
|
+ }
|
|
|
|
|
|
- return {
|
|
|
- prefixCls,
|
|
|
- getIsMobile,
|
|
|
- getCollapsed,
|
|
|
- handleClose,
|
|
|
- getMenuWidth,
|
|
|
- getIsMixSidebar,
|
|
|
- getIsBottomMenu,
|
|
|
- getIsBottomMenuH,
|
|
|
- getShowSidebar,
|
|
|
- routePath: route.path,
|
|
|
- noSiderLink,
|
|
|
- noChatLink,
|
|
|
- };
|
|
|
- },
|
|
|
-});
|
|
|
+ return {
|
|
|
+ prefixCls,
|
|
|
+ getIsMobile,
|
|
|
+ getCollapsed,
|
|
|
+ handleClose,
|
|
|
+ getMenuWidth,
|
|
|
+ getIsMixSidebar,
|
|
|
+ getIsBottomMenu,
|
|
|
+ getIsBottomMenuH,
|
|
|
+ getShowSidebar,
|
|
|
+ routePath: route.path,
|
|
|
+ noSiderLink,
|
|
|
+ noChatLink,
|
|
|
+ };
|
|
|
+ },
|
|
|
+ });
|
|
|
</script>
|
|
|
<style lang="less">
|
|
|
-@prefix-cls: ~'@{namespace}-layout-sider-wrapper';
|
|
|
-@ventSpace: zxm;
|
|
|
+ @prefix-cls: ~'@{namespace}-layout-sider-wrapper';
|
|
|
+ @ventSpace: zxm;
|
|
|
|
|
|
-.@{prefix-cls} {
|
|
|
- .@{ventSpace}-drawer-body {
|
|
|
- height: 100vh;
|
|
|
- padding: 0;
|
|
|
- }
|
|
|
+ .@{prefix-cls} {
|
|
|
+ .@{ventSpace}-drawer-body {
|
|
|
+ height: 100vh;
|
|
|
+ padding: 0;
|
|
|
+ }
|
|
|
|
|
|
- .@{ventSpace}-drawer-header-no-title {
|
|
|
- display: none;
|
|
|
+ .@{ventSpace}-drawer-header-no-title {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
}
|
|
|
-}
|
|
|
</style>
|