xinyin025/soybean-admin
1
0
Fork 0
mirror of https://github.com/soybeanjs/soybean-admin.git synced 2025-11-16 05:33:41 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat(projects): support mobile layout [支持移动端布局]

Browse Source
This commit is contained in:
Soybean
2023-05-26 08:25:00 +08:00
parent c6207f35e1
commit f2b518ed26
5 changed files with 216 additions and 89 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/layouts/basic-layout/index.vue
View File

@@ -1,6 +1,7 @@
<template>
<admin-layout
:mode="mode"
:is-mobile="isMobile"
:scroll-mode="theme.scrollMode"
:scroll-el-id="app.scrollElId"
:full-content="app.contentFull"
@@ -16,6 +17,7 @@
:footer-visible="theme.footer.visible"
:fixed-footer="theme.footer.fixed"
:right-footer="theme.footer.right"
@click-mobile-sider-mask="app.setSiderCollapse(true)"
>
<template #header>
<global-header v-bind="headerProps" />
@@ -46,7 +48,7 @@ defineOptions({ name: 'BasicLayout' });
const app = useAppStore();
const theme = useThemeStore();
const { mode, headerProps, siderVisible, siderWidth, siderCollapsedWidth } = useBasicLayout();
const { mode, isMobile, headerProps, siderVisible, siderWidth, siderCollapsedWidth } = useBasicLayout();
</script>
<style lang="scss">