style: 调整
This commit is contained in:
@ -21,14 +21,18 @@ const userStore = useUserStore();
|
|||||||
const router = useRouter();
|
const router = useRouter();
|
||||||
const route = useRoute();
|
const route = useRoute();
|
||||||
|
|
||||||
|
|
||||||
useResponsive(true);
|
useResponsive(true);
|
||||||
|
|
||||||
const showSider = computed(() => {
|
const showSider = computed(() => {
|
||||||
return !route.meta?.hideSidebar;
|
return !route.meta?.hideSidebar;
|
||||||
});
|
});
|
||||||
|
const isHomeRoute = computed(() => {
|
||||||
|
return route.name === 'Home';
|
||||||
|
});
|
||||||
|
|
||||||
const layoutPageClass = computed(() => {
|
const layoutPageClass = computed(() => {
|
||||||
if (!showSider.value) {
|
if (isHomeRoute.value) {
|
||||||
return 'pb-8px pr-8px';
|
return 'pb-8px pr-8px';
|
||||||
}
|
}
|
||||||
return 'pb-24px pr-24px';
|
return 'pb-24px pr-24px';
|
||||||
@ -82,7 +86,7 @@ const checkHasInviteCode = () => {
|
|||||||
paddingLeft: `${siderWidth}px`,
|
paddingLeft: `${siderWidth}px`,
|
||||||
}"
|
}"
|
||||||
>
|
>
|
||||||
<Layout.Content :class="layoutPageClass">
|
<Layout.Content :class="layoutPageClass" class="!min-h-initial">
|
||||||
<layout-page />
|
<layout-page />
|
||||||
</Layout.Content>
|
</Layout.Content>
|
||||||
</Layout>
|
</Layout>
|
||||||
|
|||||||
Reference in New Issue
Block a user