feat: 初始化界面添加标题栏
This commit is contained in:
@@ -23,8 +23,13 @@ onMounted(() => {
|
|||||||
|
|
||||||
<template>
|
<template>
|
||||||
<ConfigProvider :theme="antdTheme" :locale="zhCN">
|
<ConfigProvider :theme="antdTheme" :locale="zhCN">
|
||||||
<!-- 初始化页面使用全屏布局 -->
|
<!-- 初始化页面使用带标题栏的全屏布局 -->
|
||||||
<router-view v-if="isInitializationPage" />
|
<div v-if="isInitializationPage" class="initialization-container">
|
||||||
|
<TitleBar />
|
||||||
|
<div class="initialization-content">
|
||||||
|
<router-view />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
<!-- 其他页面使用带标题栏的应用布局 -->
|
<!-- 其他页面使用带标题栏的应用布局 -->
|
||||||
<div v-else class="app-container">
|
<div v-else class="app-container">
|
||||||
<TitleBar />
|
<TitleBar />
|
||||||
@@ -41,5 +46,23 @@ onMounted(() => {
|
|||||||
.app-container {
|
.app-container {
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
.initialization-container {
|
||||||
|
height: 100vh;
|
||||||
|
overflow: hidden;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
.initialization-content {
|
||||||
|
flex: 1;
|
||||||
|
overflow: auto;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
scrollbar-width: none;
|
||||||
|
-ms-overflow-style: none;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user