提交

app/home/view/public/newnav.html

@@ -0,0 +1,73 @@
+<!-- ===== 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>