hookehuyr

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

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