perf: 页面样式优化

This commit is contained in:
rd
2025-06-30 18:37:27 +08:00
parent bce406d2ca
commit a486d42fa5
8 changed files with 354 additions and 284 deletions

View File

@ -11,6 +11,8 @@ const appStore = useAppStore();
const router = useRouter();
const route = useRoute();
console.log({ appStore });
useResponsive(true);
const navbarHeight = `60px`;
const navbar = computed(() => appStore.navbar);
@ -23,14 +25,17 @@ const menuWidth = computed(() => {
const collapsed = computed(() => {
return appStore.menuCollapse;
});
const paddingStyle = computed(() => {
const paddingLeft = renderMenu.value && !hideMenu.value ? { paddingLeft: `${menuWidth.value}px` } : {};
const paddingTop = navbar.value ? { paddingTop: navbarHeight } : {};
return { ...paddingLeft, ...paddingTop };
});
const showSidebar = computed(() => {
return !(route.meta && route.meta.hideSidebar);
});
const paddingStyle = computed(() => {
const paddingLeft =
showSidebar.value && renderMenu.value && !hideMenu.value ? { paddingLeft: `${menuWidth.value}px` } : {};
const paddingTop = navbar.value ? { paddingTop: navbarHeight } : {};
return { ...paddingLeft, ...paddingTop };
});
console.log('showSidebar', showSidebar);
onMounted(() => {
checkHasInviteCode();