71 lines
2.7 KiB
HTML
71 lines
2.7 KiB
HTML
<!-- ===== Topbar / Navbar ===== -->
|
|
<header class="topbar">
|
|
<nav class="navbar navbar-expand-xl">
|
|
<div class="container py-2 topbar-inner">
|
|
|
|
<!-- 顶栏：永远一行 -->
|
|
<div class="topbar-head">
|
|
<a class="brand-wrap" href="#">
|
|
<span class="brand-badge brand-badge-logo"></span>
|
|
<span>
|
|
<div class="brand-title">{$country}TDAC</div>
|
|
<div class="brand-sub">Online Application Service</div>
|
|
</span>
|
|
</a>
|
|
|
|
<div class="topbar-right">
|
|
|
|
<button class="navbar-toggler d-xl-none text-white border-0" type="button"
|
|
data-bs-toggle="collapse" data-bs-target="#nav">
|
|
<span class="navbar-toggler-icon" style="filter: invert(1)"></span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 折叠菜单：永远在下一行展开 -->
|
|
<div class="collapse navbar-collapse" id="nav">
|
|
<ul class="navbar-nav mx-auto align-items-lg-center gap-lg-2 mt-2 mt-lg-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>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="nav-user-actions">
|
|
{if session('user.id')}
|
|
<a class="nav-user-link" href="{:url('user/index')}">
|
|
<i class="bi bi-person-circle"></i><span>个人中心</span>
|
|
</a>
|
|
<a class="nav-user-link nav-user-link--plain" href="{:url('login/logout')}">
|
|
<i class="bi bi-box-arrow-right"></i><span>退出</span>
|
|
</a>
|
|
{else/}
|
|
<a class="nav-user-link" href="{:url('user/index')}">
|
|
<i class="bi bi-person-circle"></i><span>登录</span>
|
|
</a>
|
|
{/if}
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</nav>
|
|
</header>
|
|
<script>
|
|
$('.language').click(function () {
|
|
const lang = $(this).attr('data-id');
|
|
$.ajax({
|
|
url: '/home/index/langset',
|
|
type: 'post',
|
|
data: {
|
|
lang: lang
|
|
},
|
|
success: function (res) {
|
|
if (res.code === 1) {
|
|
window.location.reload();
|
|
}
|
|
}
|
|
})
|
|
})
|
|
</script>
|