style(JlsBottomNav): 调整底部导航栏高度并移除边框
将底部导航栏的固定高度和最小高度统一调整为80px,移除顶部分割线,并优化内部项布局以更好地适配移动端和桌面端视图。
Showing
1 changed file
with
6 additions
and
5 deletions
| ... | @@ -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 | ... | ... |
-
Please register or login to post a comment