style(frontend): 优化页面布局和底部菜单样式

-调整 RouterView 的样式,增加底部填充
- 修改底部菜单的布局方式,从 sticky 改为 fixed,并设置宽度为 100%
- 更新 App.vue 文件中的相关代码
This commit is contained in:
sparkmemory 2025-01-10 20:24:12 +08:00
parent 338ce91ffd
commit 7c52cd1d26
2 changed files with 3 additions and 3 deletions

View File

@ -1 +1 @@
00b8e620dca5bab58d37996f0f350d0a
fab5f9aa38ff92389d6726864c83c7cd

View File

@ -121,10 +121,10 @@ function toggleFullscreen(e) {
<n-message-provider >
<n-modal-provider>
<n-grid x-gap="12" :cols="1">
<n-gi>
<n-gi style="padding-bottom: 70px">
<RouterView />
</n-gi>
<n-gi style="position: sticky;bottom:0;z-index: 9999;">
<n-gi style="position: fixed;bottom:0;z-index: 9999;width: 100%">
<n-card size="small">
<n-menu style="font-size: 18px;"
v-model:value="activeKey"