xieyinlu/zhilu-admin
1
0
Fork 0
mirror of https://github.com/ccmjga/zhilu-admin synced 2026-04-08 06:27:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix side flow

Browse Source
This commit is contained in:
ccmjga
2025-06-01 17:52:12 +08:00
parent f030be9c92
commit 709ed8218b
6 changed files with 67 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
frontend/src/components/Dashboard.vue
View File

@@ -1,21 +1,26 @@
<template>
<Headbar :changeAssistantVisible="changeAssistantVisible"></Headbar>
<Sidebar>
</Sidebar>
<div class="flex flex-row h-[calc(100vh-3.5rem)] mt-14">
<article class="flex-1 ml-44 overflow-y-auto">
<RouterView></RouterView>
</article>
<Assistant v-if="isAssistantVisible"></Assistant>
</div>
</template>
<script setup lang="ts">
import { RouterView } from "vue-router";
import Headbar from "./Headbar.vue";
import Sidebar from "./Sidebar.vue";
import Assistant from "./Assistant.vue";
import { ref } from "vue";
const isAssistantVisible = ref(false);
const changeAssistantVisible = () => {
isAssistantVisible.value = !isAssistantVisible.value;
};
</script>
<template>
<Headbar></Headbar>
<Sidebar>
</Sidebar>
<!-- 主内容区域 -->
<div class="flex flex-row h-[calc(100vh-3.5rem)] mt-14"> <!-- 减去Headbar高度 -->
<!-- 文章内容区域 -->
<article class="flex-1 ml-44 overflow-y-auto">
<RouterView></RouterView>
</article>
<Assistant></Assistant>
</div>
</template>