pap_web/view/common/_header.html

<!-- Fixed Header -->
<header class="fixed-header" id="fixedHeader">
  <a href="/" class="logo">
    <img src="{{siteConfig.logo | default('/static/images/logo.png')}}" alt="{{siteConfig.site_name}}" class="logo-img">
  </a>
  
  <!-- Desktop Nav -->
  <nav class="header-nav">
    {% for menu in navMenus %}
    {% if menu.children and menu.children.length > 0 and not menu.is_single_page %}
    <div class="nav-dropdown">
      <a href="/column/{{menu.key}}.html" class="nav-link">{{menu.name}}</a>
      <div class="dropdown-menu">
        {% for child in menu.children %}
        <a href="/column/{{menu.key}}/{{child.key}}.html">{{child.name}}</a>
        {% endfor %}
      </div>
    </div>
    {% else %}
    <a href="{% if menu.key == 'home' %}/{% else %}/column/{{menu.key}}.html{% endif %}" class="nav-link{% if menu.key == 'home' %} active{% endif %}">{{menu.name}}</a>
    {% endif %}
    {% endfor %}
  </nav>
  
  <div class="header-right">
    <a href="/donate.html" class="header-donate">我要捐赠</a>
    <!-- Mobile Menu Button -->
    <button class="mobile-menu-btn" id="mobileMenuBtn" aria-label="菜单">
      <span></span>
      <span></span>
      <span></span>
    </button>
  </div>
</header>

<!-- Mobile Menu Drawer -->
<div class="mobile-menu-overlay" id="mobileMenuOverlay"></div>
<div class="mobile-menu" id="mobileMenu">
  <div class="mobile-menu-header">
    <img src="{{siteConfig.logo | default('/static/images/logo.png')}}" alt="{{siteConfig.site_name}}" class="mobile-logo">
    <button class="mobile-menu-close" id="mobileMenuClose" aria-label="关闭">×</button>
  </div>
  <nav class="mobile-nav">
    {% for menu in navMenus %}
    {% if menu.children and menu.children.length > 0 and not menu.is_single_page %}
    <div class="mobile-nav-item has-children">
      <a href="/column/{{menu.key}}.html" class="mobile-nav-link">
        {{menu.name}}
        <span class="mobile-nav-arrow">›</span>
      </a>
      <div class="mobile-nav-sub">
        {% for child in menu.children %}
        <a href="/column/{{menu.key}}/{{child.key}}.html">{{child.name}}</a>
        {% endfor %}
      </div>
    </div>
    {% else %}
    <div class="mobile-nav-item">
      <a href="{% if menu.key == 'home' %}/{% else %}/column/{{menu.key}}.html{% endif %}" class="mobile-nav-link">{{menu.name}}</a>
    </div>
    {% endif %}
    {% endfor %}
  </nav>
  <div class="mobile-menu-footer">
    <a href="/donate.html" class="mobile-donate-btn">我要捐赠</a>
  </div>
</div>