hookehuyr

style(JlsBottomNav): 调整底部导航栏高度并移除边框

将底部导航栏的固定高度和最小高度统一调整为80px,移除顶部分割线,并优化内部项布局以更好地适配移动端和桌面端视图。
......@@ -84,11 +84,11 @@ const navigate = (path) => {
align-items: stretch;
justify-content: space-around;
box-sizing: border-box;
height: 80px;
padding: 8px 12px;
z-index: 50;
min-height: 66px;
min-height: 80px;
background: rgba(255, 255, 255, 0.98);
border-top: 1px solid rgba(166, 121, 57, 0.12);
backdrop-filter: blur(6px);
}
......@@ -109,7 +109,8 @@ const navigate = (path) => {
flex-direction: column;
align-items: center;
justify-content: center;
min-height: 50px;
width: 100%;
height: 100%;
gap: 5px;
border-radius: 10px;
color: #8b95a7;
......@@ -147,12 +148,12 @@ const navigate = (path) => {
@media screen and (min-width: 768px) {
.bottom-nav {
min-height: 72px;
height: 80px;
min-height: 80px;
padding: 8px 16px;
}
.nav-item-inner {
min-height: 56px;
gap: 6px;
}
......