admin/hzmys.hkpgsow.cn
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

提交

Browse Source
This commit is contained in:
gaofeng
2026-05-13 10:16:40 +08:00
parent baf6e27431
commit 18cbcf6069
2 changed files with 49 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
app/home/view/public/newnav.html
View File

@@ -24,15 +24,19 @@
</div>
<!-- 折叠菜单：永远在下一行展开 -->
<div class="collapse navbar-collapse" id="nav">
<ul class="navbar-nav ms-auto align-items-lg-center gap-lg-2 mt-2 mt-lg-0">
<div class="collapse navbar-collapse topbar-nav" id="nav">
<ul class="navbar-nav topbar-main-nav align-items-xl-center gap-xl-2 mt-2 mt-xl-0">
<li class="nav-item"><a class="nav-link" href="{$base_path}/">{:lang('index.home')}</a></li>
<li class="nav-item"><a class="nav-link" href="{:url('visa/index')}">{:lang('index.online_application')}</a></li>
<li class="nav-item"><a class="nav-link" href="{:url('lookup/index')}">{:lang('index.entry_card_query')}</a></li>
<li class="nav-item"><a class="nav-link" href="{:url('news/index')}">{:lang('index.usage_help')}</a></li>
<li class="nav-item"><a class="nav-link" href="{:url('user/index')}">个人中心</a></li>
</ul>
<ul class="navbar-nav topbar-user-nav align-items-xl-center gap-xl-2 mt-2 mt-xl-0">
{if session('user.id')}
<li class="nav-item"><a class="nav-link" href="{:url('user/index')}">个人中心</a></li>
<li class="nav-item"><a class="nav-link" href="{:url('login/logout')}">退出</a></li>
{else/}
<li class="nav-item"><a class="nav-link" href="{:url('user/index')}">登录</a></li>
{/if}
</ul>
</div>

43
public/static/css/newin.css
View File

@@ -592,6 +592,16 @@ footer a:hover{ color:#fff; text-decoration:underline; }
.navbar-collapse{
text-align: center;
}
.topbar .topbar-nav{
min-width: 0;
}
.topbar .topbar-main-nav,
.topbar .topbar-user-nav{
min-width: 0;
}
.topbar .topbar-user-nav .nav-link{
white-space: nowrap;
}
/* PC：#nav 在同一行靠右 */
@media (min-width: 1200px){
.topbar .topbar-inner{
@@ -599,10 +609,22 @@ footer a:hover{ color:#fff; text-decoration:underline; }
}
.topbar .navbar-collapse{
flex: 1 1 auto;
justify-content: flex-end; /* 菜单靠右 */
display: flex !important;
align-items: center;
justify-content: space-between;
gap: 16px;
}
/* PC 不需要右侧（手机语言 + 汉堡），避免空盒子影响对齐 */
.topbar .topbar-main-nav{
flex: 1 1 auto;
justify-content: center;
}
.topbar .topbar-user-nav{
flex: 0 0 auto;
justify-content: flex-end;
margin-left: auto;
}
.topbar .topbar-right{
display: none;
}
@@ -629,6 +651,25 @@ footer a:hover{ color:#fff; text-decoration:underline; }
}
/* 右侧按钮统一高度对齐 */
.topbar .topbar-nav{
text-align: center;
}
.topbar .topbar-main-nav,
.topbar .topbar-user-nav{
width: 100%;
align-items: stretch;
}
.topbar .topbar-main-nav{
padding-top: 6px;
}
.topbar .topbar-user-nav{
border-top: 1px solid rgba(255,255,255,.14);
padding-top: 6px;
}
.topbar .topbar-main-nav .nav-link,
.topbar .topbar-user-nav .nav-link{
padding: 9px 8px;
}
.topbar .lang-btn{
height: 34px;
line-height: 34px;