renxiaodong/lingji-work-fe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: sider调整

Browse Source
This commit is contained in:
rd
2025-08-18 17:22:11 +08:00
parent 7c7704c078
commit c0dfd6030f
25 changed files with 510 additions and 287 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/layouts/Basic.vue
View File

@ -1,9 +1,10 @@
<script setup>
import { Layout } from 'ant-design-vue';
import Navbar from "./components/navbar"
import SiderBar from "./components/siderBar"
import Navbar from './components/navbar';
import SiderBar from './components/siderBar';
import { useAppStore } from '@/stores';
import { useSidebarStore } from '@/stores/modules/side-bar';
import { useResponsive } from '@/hooks';
import JoinModal from '@/components/join-modal.vue';
import { getQueryParam } from '@/utils/helper';
@ -15,6 +16,7 @@ import { useRoute } from 'vue-router';
const joinEnterpriseVisible = ref(false);
const joinModalRef = ref(null);
const appStore = useAppStore();
const sidebarStore = useSidebarStore();
const userStore = useUserStore();
const router = useRouter();
const route = useRoute();
@ -29,14 +31,11 @@ const showSider = computed(() => {
});
const menuWidth = computed(() => {
return appStore.menuCollapse ? 48 : appStore.menuWidth;
return sidebarStore.menuCollapse ? appStore.menuWidthFold : appStore.menuWidth;
});
const collapsed = computed(() => {
return appStore.menuCollapse;
return sidebarStore.menuCollapse;
});
// const showSidebar = computed(() => {
// return !(route.meta && route.meta.hideSidebar);
// });
onMounted(() => {
checkHasInviteCode();
@ -63,7 +62,6 @@ const checkHasInviteCode = () => {
<Layout class="flex layout-content-wrap">
<Layout.Sider
v-if="showSider"
class="layout-sider"
v-model="collapsed"
:width="menuWidth"
collapsible