623 行
39 KiB
HTML
623 行
39 KiB
HTML
<!-- 纳海川官方网站 现代化专业中式导航栏 开始 -->
|
||
<header class="nhc-header">
|
||
<div class="nhc-container">
|
||
<div class="nhc-nav-inner">
|
||
<!-- 网站 Logo 与中式品牌名称 -->
|
||
<div class="nhc-logo">
|
||
<a class="nhc-brand-home" href="{:addon_url('official/web.official_home/index')}" aria-label="纳海川科技首页">
|
||
<span class="nhc-brand-symbol" aria-hidden="true"></span>
|
||
<span class="nhc-logo-brand"><span class="nhc-logo-text">纳海川</span><span class="nhc-logo-sub">企业软件研发</span></span>
|
||
</a>
|
||
</div>
|
||
|
||
<!-- 主导航菜单 (服务、产品、案例、关于我们、联系我们) -->
|
||
<nav class="nhc-main-nav" aria-label="主导航">
|
||
<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>
|
||
<!-- 1. 服务菜单与二级卡片面板 -->
|
||
<li class="nhc-nav-item nhc-has-dropdown">
|
||
<a
|
||
href="{:addon_url('official/web.official_product/list',[':pid'=>19,':sid'=>19])}"
|
||
class="nhc-nav-link {if input('param.pid') == 19}active{/if}"
|
||
>
|
||
<span>服务</span>
|
||
<svg
|
||
class="nhc-caret"
|
||
width="12"
|
||
height="12"
|
||
viewBox="0 0 24 24"
|
||
fill="none"
|
||
stroke="currentColor"
|
||
stroke-width="2.5"
|
||
>
|
||
<path d="M6 9l6 6 6-6" />
|
||
</svg>
|
||
</a>
|
||
<!-- 服务二级大卡片面板 (Mega Panel) -->
|
||
<div class="nhc-mega-panel">
|
||
<div class="nhc-mega-grid">
|
||
<div class="nhc-mega-cards-col">
|
||
<div class="nhc-mega-header">
|
||
<span class="nhc-seal">服务矩阵</span>
|
||
<span>ENGINEERING CAPABILITIES</span>
|
||
</div>
|
||
<div class="nhc-mega-cards-grid-3">
|
||
<!-- 领域 1：软件开发 -->
|
||
<a
|
||
href="{:addon_url('official/web.official_product/service_software')}"
|
||
target="_blank"
|
||
class="nhc-mega-card"
|
||
>
|
||
<div class="nhc-mega-card-top">
|
||
<div class="nhc-mega-card-icon">
|
||
<svg
|
||
width="18"
|
||
height="18"
|
||
viewBox="0 0 24 24"
|
||
fill="none"
|
||
stroke="currentColor"
|
||
stroke-width="2"
|
||
>
|
||
<rect
|
||
x="2"
|
||
y="3"
|
||
width="20"
|
||
height="14"
|
||
rx="2"
|
||
/>
|
||
<line
|
||
x1="8"
|
||
y1="21"
|
||
x2="16"
|
||
y2="21"
|
||
/>
|
||
<line
|
||
x1="12"
|
||
y1="17"
|
||
x2="12"
|
||
y2="21"
|
||
/>
|
||
</svg>
|
||
</div>
|
||
<div
|
||
class="nhc-mega-card-title"
|
||
>
|
||
<span>软件开发</span>
|
||
<span
|
||
class="nhc-mega-card-arrow"
|
||
>→</span
|
||
>
|
||
</div>
|
||
</div>
|
||
<p class="nhc-mega-card-desc">
|
||
高并发业务中台定制，分布式微服务架构，完整交付工程源代码。
|
||
</p>
|
||
<div class="nhc-mega-card-tags">
|
||
<span class="nhc-mega-card-tag"
|
||
>微服务中台</span
|
||
>
|
||
<span class="nhc-mega-card-tag"
|
||
>源码移交</span
|
||
>
|
||
</div>
|
||
</a>
|
||
|
||
<!-- 领域 2：APP与小程序定制 -->
|
||
<a
|
||
href="{:addon_url('official/web.official_product/service_app')}"
|
||
target="_blank"
|
||
class="nhc-mega-card"
|
||
>
|
||
<div class="nhc-mega-card-top">
|
||
<div class="nhc-mega-card-icon">
|
||
<svg
|
||
width="18"
|
||
height="18"
|
||
viewBox="0 0 24 24"
|
||
fill="none"
|
||
stroke="currentColor"
|
||
stroke-width="2"
|
||
>
|
||
<rect
|
||
x="5"
|
||
y="2"
|
||
width="14"
|
||
height="20"
|
||
rx="2"
|
||
ry="2"
|
||
/>
|
||
<line
|
||
x1="12"
|
||
y1="18"
|
||
x2="12.01"
|
||
y2="18"
|
||
/>
|
||
</svg>
|
||
</div>
|
||
<div
|
||
class="nhc-mega-card-title"
|
||
>
|
||
<span>APP与小程序定制</span>
|
||
<span
|
||
class="nhc-mega-card-arrow"
|
||
>→</span
|
||
>
|
||
</div>
|
||
</div>
|
||
<p class="nhc-mega-card-desc">
|
||
覆盖 iOS / Android
|
||
与微信生态，60fps
|
||
丝滑交互与蓝牙物联网硬件直连。
|
||
</p>
|
||
<div class="nhc-mega-card-tags">
|
||
<span class="nhc-mega-card-tag"
|
||
>Flutter/Uni-app</span
|
||
>
|
||
<span class="nhc-mega-card-tag"
|
||
>全端协同</span
|
||
>
|
||
</div>
|
||
</a>
|
||
|
||
<!-- 领域 3：智能体开发 -->
|
||
<a
|
||
href="{:addon_url('official/web.official_product/service_agent')}"
|
||
target="_blank"
|
||
class="nhc-mega-card"
|
||
>
|
||
<div class="nhc-mega-card-top">
|
||
<div class="nhc-mega-card-icon">
|
||
<svg
|
||
width="18"
|
||
height="18"
|
||
viewBox="0 0 24 24"
|
||
fill="none"
|
||
stroke="currentColor"
|
||
stroke-width="2"
|
||
>
|
||
<circle
|
||
cx="12"
|
||
cy="12"
|
||
r="3"
|
||
/>
|
||
<path
|
||
d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"
|
||
/>
|
||
</svg>
|
||
</div>
|
||
<div
|
||
class="nhc-mega-card-title"
|
||
>
|
||
<span>智能体开发</span>
|
||
<span
|
||
class="nhc-mega-card-arrow"
|
||
>→</span
|
||
>
|
||
</div>
|
||
</div>
|
||
<p class="nhc-mega-card-desc">
|
||
企业知识库问答与业务系统对接，内网物理隔离，资料不外传。
|
||
</p>
|
||
<div class="nhc-mega-card-tags">
|
||
<span class="nhc-mega-card-tag"
|
||
>知识库问答</span
|
||
>
|
||
<span class="nhc-mega-card-tag"
|
||
>内网部署</span
|
||
>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 服务面板右侧背书视窗 -->
|
||
<div class="nhc-mega-sidebar">
|
||
<div>
|
||
<div class="nhc-mega-sidebar-title">
|
||
<span
|
||
class="nhc-mega-sidebar-heading"
|
||
>软件工程规范</span
|
||
>
|
||
<span class="nhc-seal"
|
||
>规范交付</span
|
||
>
|
||
</div>
|
||
<p class="nhc-mega-sidebar-desc">
|
||
严格遵循标准化研发流程与质量把控，提供全套工程源码、架构设计文档与数据库字典。
|
||
</p>
|
||
<div class="nhc-mega-sidebar-metrics">
|
||
<div class="nhc-mega-metric-row">
|
||
<span
|
||
class="nhc-mega-metric-label"
|
||
>响应时效保障</span
|
||
>
|
||
<span
|
||
class="nhc-mega-metric-val"
|
||
>< 15分钟 SLA</span
|
||
>
|
||
</div>
|
||
<div class="nhc-mega-metric-row">
|
||
<span
|
||
class="nhc-mega-metric-label"
|
||
>首年质保服务</span
|
||
>
|
||
<span
|
||
class="nhc-mega-metric-val"
|
||
>365天 免费维保</span
|
||
>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<a
|
||
href="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}"
|
||
class="nhc-mega-sidebar-link"
|
||
>
|
||
<span>在线预约</span>
|
||
<svg
|
||
width="12"
|
||
height="12"
|
||
viewBox="0 0 24 24"
|
||
fill="none"
|
||
stroke="currentColor"
|
||
stroke-width="2.5"
|
||
>
|
||
<path d="M5 12h14M12 5l7 7-7 7" />
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
|
||
<!-- 2. 产品菜单与二级卡片面板 -->
|
||
<li class="nhc-nav-item nhc-has-dropdown">
|
||
<a
|
||
href="{:addon_url('official/web.official_product/list',[':pid'=>22,':sid'=>22])}"
|
||
class="nhc-nav-link {if input('param.pid') == 22}active{/if}"
|
||
>
|
||
<span>产品</span>
|
||
<svg
|
||
class="nhc-caret"
|
||
width="12"
|
||
height="12"
|
||
viewBox="0 0 24 24"
|
||
fill="none"
|
||
stroke="currentColor"
|
||
stroke-width="2.5"
|
||
>
|
||
<path d="M6 9l6 6 6-6" />
|
||
</svg>
|
||
</a>
|
||
<!-- 产品二级大卡片面板 (Mega Panel) -->
|
||
<div class="nhc-mega-panel">
|
||
<div class="nhc-mega-grid">
|
||
<div class="nhc-mega-cards-col">
|
||
<div class="nhc-mega-header">
|
||
<span class="nhc-seal">商业矩阵</span>
|
||
<span>STANDARDIZED SOLUTIONS</span>
|
||
</div>
|
||
<div class="nhc-mega-cards-grid-2">
|
||
<!-- 产品 1：商城系统 -->
|
||
<a
|
||
href="{:addon_url('official/web.official_home/index')}#products"
|
||
class="nhc-mega-card"
|
||
>
|
||
<div class="nhc-mega-card-top">
|
||
<div class="nhc-mega-card-icon">
|
||
<svg
|
||
width="18"
|
||
height="18"
|
||
viewBox="0 0 24 24"
|
||
fill="none"
|
||
stroke="currentColor"
|
||
stroke-width="2"
|
||
>
|
||
<circle
|
||
cx="9"
|
||
cy="21"
|
||
r="1"
|
||
/>
|
||
<circle
|
||
cx="20"
|
||
cy="21"
|
||
r="1"
|
||
/>
|
||
<path
|
||
d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"
|
||
/>
|
||
</svg>
|
||
</div>
|
||
<div
|
||
class="nhc-mega-card-title"
|
||
>
|
||
<span>全场景商城系统</span>
|
||
<span
|
||
class="nhc-mega-card-arrow"
|
||
>→</span
|
||
>
|
||
</div>
|
||
</div>
|
||
<p class="nhc-mega-card-desc">
|
||
B2B2C / S2B2C
|
||
多商户入驻，全渠道统一订单汇聚与分销裂变体系。
|
||
</p>
|
||
<div class="nhc-mega-card-tags">
|
||
<span class="nhc-mega-card-tag"
|
||
>多商户</span
|
||
>
|
||
<span class="nhc-mega-card-tag"
|
||
>社交裂变</span
|
||
>
|
||
</div>
|
||
</a>
|
||
|
||
<!-- 产品 2：智能收银系统 -->
|
||
<a
|
||
href="{:addon_url('official/web.official_home/index')}#products"
|
||
class="nhc-mega-card"
|
||
>
|
||
<div class="nhc-mega-card-top">
|
||
<div class="nhc-mega-card-icon">
|
||
<svg
|
||
width="18"
|
||
height="18"
|
||
viewBox="0 0 24 24"
|
||
fill="none"
|
||
stroke="currentColor"
|
||
stroke-width="2"
|
||
>
|
||
<rect
|
||
x="2"
|
||
y="4"
|
||
width="20"
|
||
height="16"
|
||
rx="2"
|
||
/>
|
||
<line
|
||
x1="2"
|
||
y1="10"
|
||
x2="22"
|
||
y2="10"
|
||
/>
|
||
</svg>
|
||
</div>
|
||
<div
|
||
class="nhc-mega-card-title"
|
||
>
|
||
<span
|
||
>智能商业收银系统</span
|
||
>
|
||
<span
|
||
class="nhc-mega-card-arrow"
|
||
>→</span
|
||
>
|
||
</div>
|
||
</div>
|
||
<p class="nhc-mega-card-desc">
|
||
软硬一体，秒级聚合扫码付，网络中断离线记账自动回传同步。
|
||
</p>
|
||
<div class="nhc-mega-card-tags">
|
||
<span class="nhc-mega-card-tag"
|
||
>秒级聚合付</span
|
||
>
|
||
<span class="nhc-mega-card-tag"
|
||
>离线记账</span
|
||
>
|
||
</div>
|
||
</a>
|
||
|
||
<!-- 产品 3：一体化进销存 -->
|
||
<a
|
||
href="{:addon_url('official/web.official_home/index')}#products"
|
||
class="nhc-mega-card"
|
||
>
|
||
<div class="nhc-mega-card-top">
|
||
<div class="nhc-mega-card-icon">
|
||
<svg
|
||
width="18"
|
||
height="18"
|
||
viewBox="0 0 24 24"
|
||
fill="none"
|
||
stroke="currentColor"
|
||
stroke-width="2"
|
||
>
|
||
<path
|
||
d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"
|
||
/>
|
||
<polyline
|
||
points="3.27 6.96 12 12.01 20.73 6.96"
|
||
/>
|
||
<line
|
||
x1="12"
|
||
y1="22.08"
|
||
x2="12"
|
||
y2="12"
|
||
/>
|
||
</svg>
|
||
</div>
|
||
<div
|
||
class="nhc-mega-card-title"
|
||
>
|
||
<span
|
||
>一体化进销存系统</span
|
||
>
|
||
<span
|
||
class="nhc-mega-card-arrow"
|
||
>→</span
|
||
>
|
||
</div>
|
||
</div>
|
||
<p class="nhc-mega-card-desc">
|
||
采购、销售、仓储与财务业财一体化，批次批号管理与动态盘点预警。
|
||
</p>
|
||
<div class="nhc-mega-card-tags">
|
||
<span class="nhc-mega-card-tag"
|
||
>业财一体</span
|
||
>
|
||
<span class="nhc-mega-card-tag"
|
||
>智能补货</span
|
||
>
|
||
</div>
|
||
</a>
|
||
|
||
<!-- 产品 4：云原生 SaaS 版本 -->
|
||
<a
|
||
href="{:addon_url('official/web.official_home/index')}#products"
|
||
class="nhc-mega-card"
|
||
>
|
||
<div class="nhc-mega-card-top">
|
||
<div class="nhc-mega-card-icon">
|
||
<svg
|
||
width="18"
|
||
height="18"
|
||
viewBox="0 0 24 24"
|
||
fill="none"
|
||
stroke="currentColor"
|
||
stroke-width="2"
|
||
>
|
||
<path
|
||
d="M18 10h-1.26A8 8 0 1 0 9 20h9a5 5 0 0 0 0-10z"
|
||
/>
|
||
</svg>
|
||
</div>
|
||
<div
|
||
class="nhc-mega-card-title"
|
||
>
|
||
<span
|
||
>云原生 SaaS 平台</span
|
||
>
|
||
<span
|
||
class="nhc-mega-card-arrow"
|
||
>→</span
|
||
>
|
||
</div>
|
||
</div>
|
||
<p class="nhc-mega-card-desc">
|
||
多租户金融级数据逻辑与物理隔离，高弹性伸缩云集群，即开即用。
|
||
</p>
|
||
<div class="nhc-mega-card-tags">
|
||
<span class="nhc-mega-card-tag"
|
||
>多租户隔离</span
|
||
>
|
||
<span class="nhc-mega-card-tag"
|
||
>弹性扩容</span
|
||
>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 产品面板右侧背书视窗 -->
|
||
<div class="nhc-mega-sidebar">
|
||
<div>
|
||
<div class="nhc-mega-sidebar-title">
|
||
<span
|
||
class="nhc-mega-sidebar-heading"
|
||
>成熟商业开箱即用</span
|
||
>
|
||
<span class="nhc-seal"
|
||
>成熟商用</span
|
||
>
|
||
</div>
|
||
<p class="nhc-mega-sidebar-desc">
|
||
采用高并发高可用微服务架构，支持公有云敏捷订阅与企业专有云私有化源码交付。
|
||
</p>
|
||
<div class="nhc-mega-sidebar-metrics">
|
||
<div class="nhc-mega-metric-row">
|
||
<span
|
||
class="nhc-mega-metric-label"
|
||
>高并发承载能力</span
|
||
>
|
||
<span
|
||
class="nhc-mega-metric-val"
|
||
>微服务弹性水平扩容</span
|
||
>
|
||
</div>
|
||
<div class="nhc-mega-metric-row">
|
||
<span
|
||
class="nhc-mega-metric-label"
|
||
>硬件生态适配</span
|
||
>
|
||
<span
|
||
class="nhc-mega-metric-val"
|
||
>收银外设即插即用</span
|
||
>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<a
|
||
href="{:addon_url('official/web.official_home/index')}#contact"
|
||
class="nhc-mega-sidebar-link"
|
||
>
|
||
<span>申请演示</span>
|
||
<svg
|
||
width="12"
|
||
height="12"
|
||
viewBox="0 0 24 24"
|
||
fill="none"
|
||
stroke="currentColor"
|
||
stroke-width="2.5"
|
||
>
|
||
<path d="M5 12h14M12 5l7 7-7 7" />
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</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="{:addon_url('official/web.official_home/index')}#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><details class="nhc-compact-menu"><summary>菜单 <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M4 7h16M4 12h16M4 17h16"/></svg></summary><nav aria-label="窄屏主导航"><a href="{:addon_url('official/web.official_home/index')}">首页</a><a href="{:addon_url('official/web.official_product/list',[':pid'=>19,':sid'=>19])}">服务</a><a href="{:addon_url('official/web.official_product/list',[':pid'=>22,':sid'=>22])}">产品</a><a href="{:addon_url('official/web.official_case_show/list',[':pid'=>14,':sid'=>14])}">案例</a><a href="{:addon_url('official/web.official_home/single',[':pid'=>1,':sid'=>1])}">关于我们</a><a href="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}">联系我们</a></nav></details>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
<!-- 导航栏 结束 -->
|