55 行
3.2 KiB
HTML
55 行
3.2 KiB
HTML
<!-- 纳海川官方网站 现代化专业中式导航栏 开始 -->
|
|
<header class="nhc-header">
|
|
<div class="nhc-container">
|
|
<div class="nhc-nav-inner">
|
|
<!-- 网站 Logo 与中式品牌名称 -->
|
|
<div class="nhc-logo">
|
|
<a href="{:addon_url('official/web.official_home/index')}" style="display: flex; align-items: center; gap: 12px;">
|
|
{if __config('site_logo','value')}
|
|
<img src="{:__config('site_logo','value')}" alt="{:__config('basic_title','value')}" style="height: 38px; width: auto;">
|
|
{else/}
|
|
<div style="width: 36px; height: 36px; background: var(--primary); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 700; border-radius: var(--radius-sm); font-size: 18px;">川</div>
|
|
{/if}
|
|
<div class="nhc-logo-brand">
|
|
<span class="nhc-logo-text">纳海川</span>
|
|
<span class="nhc-logo-sub">NAHAICHUAN</span>
|
|
</div>
|
|
</a>
|
|
<span class="nhc-seal" style="margin-left: 8px;">纳海川</span>
|
|
</div>
|
|
|
|
<!-- 主导航菜单 (服务、产品、案例、关于我们、联系我们) -->
|
|
<nav>
|
|
<ul class="nhc-nav-menu">
|
|
<li>
|
|
<a href="{:addon_url('official/web.official_home/index')}" class="nhc-nav-link {if empty(input('param.pid'))}active{/if}">首页</a>
|
|
</li>
|
|
<li>
|
|
<a href="{:addon_url('official/web.official_product/list',[':pid'=>19,':sid'=>19])}" class="nhc-nav-link {if input('param.pid') == 19}active{/if}">服务</a>
|
|
</li>
|
|
<li>
|
|
<a href="{:addon_url('official/web.official_product/list',[':pid'=>22,':sid'=>22])}" class="nhc-nav-link {if input('param.pid') == 22}active{/if}">产品</a>
|
|
</li>
|
|
<li>
|
|
<a href="{:addon_url('official/web.official_case_show/list',[':pid'=>14,':sid'=>14])}" class="nhc-nav-link {if input('param.pid') == 14}active{/if}">案例</a>
|
|
</li>
|
|
<li>
|
|
<a href="{:addon_url('official/web.official_home/single',[':pid'=>1,':sid'=>1])}" class="nhc-nav-link {if input('param.pid') == 1}active{/if}">关于我们</a>
|
|
</li>
|
|
<li>
|
|
<a href="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}" class="nhc-nav-link {if input('param.pid') == 18}active{/if}">联系我们</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
|
|
<!-- 右侧行动按钮 -->
|
|
<div class="nhc-nav-actions">
|
|
<a href="#contact" class="nhc-btn nhc-btn-primary nhc-btn-sm">
|
|
<span>预约演示</span>
|
|
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<!-- 导航栏 结束 --> |