74 lines
3.5 KiB
HTML
74 lines
3.5 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">
|
|
<!-- 手机端语言：始终显示，不进折叠菜单 -->
|
|
<div class="dropdown lang-mobile d-lg-none">
|
|
<button class="btn btn-sm lang-btn dropdown-toggle" data-bs-toggle="dropdown">{if $think_lang == 'en-us'}English{else/}中文 {/if}</button>
|
|
<ul class="dropdown-menu dropdown-menu-end">
|
|
<li><a class="dropdown-item language" data-id="zh-cn" href="#">中文</a></li>
|
|
<li><a class="dropdown-item language" data-id="en-us" href="#">English</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<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 ms-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('contact/index')}">{:lang('contact.menu_contact')}</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="{:url('news/index')}">{:lang('index.usage_help')}</a></li>
|
|
|
|
<!-- PC 端语言：仍放在菜单里（手机端隐藏避免重复） -->
|
|
<li class="nav-item dropdown ms-lg-2 d-none d-lg-block">
|
|
<button class="btn btn-sm lang-btn dropdown-toggle" data-bs-toggle="dropdown">{if $think_lang == 'en-us'}English{else/}中文 {/if}</button>
|
|
<ul class="dropdown-menu dropdown-menu-end">
|
|
<li><a class="dropdown-item language" data-id="zh-cn" href="#">中文</a></li>
|
|
<li><a class="dropdown-item language" data-id="en-us" href="#">English</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</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>
|