Kisechan/Mainpage
1
0
Fork 0
mirror of https://github.com/Kisechan/Mainpage.git synced 2025-07-09 22:57:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

修复：导航栏无法固定的bug

Browse Source
This commit is contained in:
Kisechan
2025-06-05 15:54:42 +08:00
parent d0bfc23e57
commit 4746844d86
3 changed files with 11 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/assets/styles/global.css
View File

@ -47,6 +47,7 @@ body {
font-family: 'LXGW WenKai', sans-serif; font-family: 'LXGW WenKai', sans-serif;
margin: 0; margin: 0;
padding: 0; padding: 0;
padding-top: 60px;
} }
/* 设置代码或等宽文本的字体 */ /* 设置代码或等宽文本的字体 */

7
src/components/NavBar.vue
View File

@ -131,6 +131,13 @@ initializeDarkMode();
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
padding: 0 20px; padding: 0 20px;
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: var(--el-bg-color, #ffffff); /* 使用 Element Plus 的背景色变量，或者您自定义的颜色 */
z-index: 1000;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
} }
.menu-items { .menu-items {

5
src/style.css
View File

@ -33,10 +33,11 @@ a:hover {
body { body {
margin: 0; margin: 0;
display: flex; /* display: flex; */
place-items: center; /* place-items: center; */
min-width: 320px; min-width: 320px;
min-height: 100vh; min-height: 100vh;
padding-top: 60px;
} }
h1 { h1 {