|
- <!DOCTYPE html>
- <html lang="zh-CN">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>{% block title %}{{siteConfig.page_title or siteConfig.site_name}}{% endblock %}</title>
- <meta name="keywords" content="{% block keywords %}{{siteConfig.keywords}}{% endblock %}">
- <meta name="description" content="{% block description %}{{siteConfig.description}}{% endblock %}">
- {% if siteConfig.favicon %}
- <link rel="icon" href="{{siteConfig.favicon}}">
- {% endif %}
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css">
- <link rel="stylesheet" href="/static/css/web.css">
- {% block css %}{% endblock %}
- </head>
- <body>
- {% include "common/_header.html" %}
-
- {% block content %}{% endblock %}
-
- <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
- <script>
- // Mobile menu toggle
- (function(){
- const btn = document.getElementById('mobileMenuBtn');
- const menu = document.getElementById('mobileMenu');
- const overlay = document.getElementById('mobileMenuOverlay');
- const close = document.getElementById('mobileMenuClose');
-
- function openMenu() {
- menu.classList.add('open');
- overlay.classList.add('open');
- document.body.style.overflow = 'hidden';
- }
- function closeMenu() {
- menu.classList.remove('open');
- overlay.classList.remove('open');
- document.body.style.overflow = '';
- }
-
- btn && btn.addEventListener('click', openMenu);
- close && close.addEventListener('click', closeMenu);
- overlay && overlay.addEventListener('click', closeMenu);
-
- // Toggle sub menu
- document.querySelectorAll('.mobile-nav-item.has-children .mobile-nav-link').forEach(link => {
- link.addEventListener('click', function(e) {
- e.preventDefault();
- this.parentElement.classList.toggle('open');
- });
- });
- })();
- </script>
- {% block js %}{% endblock %}
- </body>
- </html>
|