fix: 前端页面架构重构优化
This commit is contained in:
@@ -7,7 +7,7 @@ const route = useRoute();
|
||||
const router = useRouter();
|
||||
|
||||
// 控制侧边栏折叠状态
|
||||
const isCollapsed = ref(false);
|
||||
const isCollapsed = ref(true);
|
||||
|
||||
// 菜单项配置
|
||||
const navItems = [
|
||||
@@ -47,7 +47,7 @@ window.addEventListener('resize', checkIsMobile);
|
||||
<div class="console-page" :class="{ 'is-collapsed': isCollapsed }">
|
||||
<!-- 侧边栏导航 -->
|
||||
<div class="nav-sidebar" :class="{ 'is-collapsed': isCollapsed }">
|
||||
<div class="nav-header">
|
||||
<div v-if="false" class="nav-header">
|
||||
<h2 v-show="!isCollapsed" class="nav-title">
|
||||
AI聊天
|
||||
</h2>
|
||||
|
||||
@@ -208,7 +208,7 @@ watch(
|
||||
|
||||
.chat-header {
|
||||
width: 100%;
|
||||
max-width: 1000px;
|
||||
//max-width: 1000px;
|
||||
height: 60px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
@@ -607,7 +607,7 @@ function handleImagePreview(url: string) {
|
||||
|
||||
.chat-header {
|
||||
width: 100%;
|
||||
max-width: 1000px;
|
||||
//max-width: 1000px;
|
||||
height: 60px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
@@ -97,7 +97,7 @@ window.addEventListener('resize', checkIsMobile);
|
||||
<div class="content-main">
|
||||
<div v-if="isMobile" class="content-header">
|
||||
<div class="mobile-toggle" @click="isCollapsed = false">
|
||||
<el-icon><i-ep-expand /></el-icon>
|
||||
<el-icon><Expand /></el-icon>
|
||||
<span>菜单</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user