|
@@ -13,7 +13,7 @@
|
|
|
<MixSider v-else-if="getIsMixSidebar" />
|
|
|
<BottomSider v-else-if="getIsBottomMenu" />
|
|
|
<Sider v-else /> -->
|
|
|
- <BottomSider />
|
|
|
+ <BottomSider v-if="!noSiderLink.includes(routePath)" />
|
|
|
</template>
|
|
|
<script lang="ts">
|
|
|
import { defineComponent } from 'vue';
|
|
@@ -26,10 +26,13 @@
|
|
|
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 } from '../layout.data';
|
|
|
export default defineComponent({
|
|
|
name: 'SiderWrapper',
|
|
|
components: { Sider, Drawer, MixSider, BottomSider },
|
|
|
setup() {
|
|
|
+ const route = useRoute();
|
|
|
const { prefixCls } = useDesign('layout-sider-wrapper');
|
|
|
const { getIsMobile } = useAppInject();
|
|
|
const { setMenuSetting, getCollapsed, getMenuWidth, getIsMixSidebar, getIsBottomMenu, getIsBottomMenuH, getShowSidebar } = useMenuSetting();
|
|
@@ -39,14 +42,26 @@
|
|
|
});
|
|
|
}
|
|
|
|
|
|
- return { prefixCls, getIsMobile, getCollapsed, handleClose, getMenuWidth, getIsMixSidebar, getIsBottomMenu, getIsBottomMenuH, getShowSidebar, };
|
|
|
+ return {
|
|
|
+ prefixCls,
|
|
|
+ getIsMobile,
|
|
|
+ getCollapsed,
|
|
|
+ handleClose,
|
|
|
+ getMenuWidth,
|
|
|
+ getIsMixSidebar,
|
|
|
+ getIsBottomMenu,
|
|
|
+ getIsBottomMenuH,
|
|
|
+ getShowSidebar,
|
|
|
+ routePath: route.path,
|
|
|
+ noSiderLink,
|
|
|
+ };
|
|
|
},
|
|
|
});
|
|
|
</script>
|
|
|
<style lang="less">
|
|
|
@prefix-cls: ~'@{namespace}-layout-sider-wrapper';
|
|
|
@ventSpace: zxm;
|
|
|
-
|
|
|
+
|
|
|
.@{prefix-cls} {
|
|
|
.@{ventSpace}-drawer-body {
|
|
|
height: 100vh;
|