mirror of
https://github.com/BTMuli/TeyvatGuide.git
synced 2025-12-13 09:28:14 +08:00
fix(app): 优化样式
This commit is contained in:
11
src/App.vue
11
src/App.vue
@@ -4,7 +4,7 @@
|
|||||||
<!-- 侧边栏菜单 -->
|
<!-- 侧边栏菜单 -->
|
||||||
<t-sidebar />
|
<t-sidebar />
|
||||||
<!-- 主体内容 -->
|
<!-- 主体内容 -->
|
||||||
<v-main>
|
<v-main class="app-main">
|
||||||
<v-container fluid>
|
<v-container fluid>
|
||||||
<router-view />
|
<router-view />
|
||||||
</v-container>
|
</v-container>
|
||||||
@@ -14,7 +14,7 @@
|
|||||||
<div v-else>
|
<div v-else>
|
||||||
<v-layout>
|
<v-layout>
|
||||||
<!-- 主体内容 -->
|
<!-- 主体内容 -->
|
||||||
<v-main>
|
<v-main class="app-main">
|
||||||
<v-container fluid>
|
<v-container fluid>
|
||||||
<router-view />
|
<router-view />
|
||||||
</v-container>
|
</v-container>
|
||||||
@@ -87,3 +87,10 @@ async function writeIndex() {
|
|||||||
console.log("IndexedDB 写入完成!");
|
console.log("IndexedDB 写入完成!");
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
<style lang="css">
|
||||||
|
.app-main {
|
||||||
|
min-height: 100vh;
|
||||||
|
background: rgba(255, 255, 255, 75%);
|
||||||
|
backdrop-filter: blur(20px);
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user