wikiboss/nahaichuan
1
0
派生 0
代码 工单 合并请求 Actions 软件包 项目 版本发布 百科 动态

feat(home): 改版首页为现代中式高端浅色专业风并适配全响应式布局

浏览代码
这个提交包含在：
wikiboss
2026-10-08 16:36:17 +08:00
父节点 f5999a778b
当前提交 73c56c810e
共有 8 个文件被更改，包括 2363 次插入 和 471 次删除
下载 Patch 文件 下载 Diff 文件 展开所有文件 折叠所有文件

1
addons/official/view/web/official_common/mobile/link.html
查看文件

@@ -1,3 +1,4 @@
<link rel="stylesheet" href="__ADDON__/css/modern_nhc.css">
<link rel="stylesheet" href="__ADDON__/m/css/materialize.css">
<link rel="stylesheet" href="__ADDON__/m/css/loader.css">
<link rel="stylesheet" href="__ADDON__/m/css/lightbox.css">

140
addons/official/view/web/official_common/pc/footer.html
查看文件

@@ -1,73 +1,79 @@
<div id="bottom_main">
<div id="bottom">
<div id="bottom_1">
<!-- 底部导航 开始-->
<ul class="bottom_navigation">
{if count($all_official_category)}
{foreach $all_official_category as $val}
{if $val['is_flooter_nav_show']}
<li>
<a href="{:get_cate_url($val)}" target="_self">{:ze($val,'name')}</a>
<ul class="subnavigationlist1">
{foreach $val['son'] as $son}
{if $son['is_flooter_nav_show']}
<li>
<a href="{:get_cate_url($son)}" target="_self">{:ze($son,'name')}</a>
</li>
{/if}
{/foreach}
</ul>
</li>
{/if}
{/foreach}
{/if}
<!-- 底部导航 结束-->
</div>
<div id="bottom_2">
<div class="contact_wrap">
<b class="ico5">{:__config('site_relation')}：</b>{:__config('site_relation','value')}
<br>
<p><b class="ico2">{:__config('site_mobile')}：</b>{:__config('site_mobile','value')} </p>
<b class="ico3">{:__config('site_email')}：</b>{:__config('site_email','value')}
<br>
<b class="ico4">{:__config('site_address')}：</b>{:__config('site_address','value')}
<br>
<!-- 纳海川官方网站 现代化专业页脚 开始 -->
<footer class="nhc-footer">
<div class="nhc-container">
<div class="nhc-footer-grid">
<!-- 品牌介绍 -->
<div>
<div style="display: flex; align-items: center; gap: 10px; margin-bottom: 16px;">
<span class="nhc-footer-brand-title">纳海川科技</span>
<span class="nhc-seal" style="background: rgba(220, 38, 38, 0.1); border-color: rgba(220, 38, 38, 0.4); color: #F87171;">企业级软件</span>
</div>
<p class="nhc-footer-brand-desc">
贵阳纳海川科技有限公司，立足西南、服务全国，专注于企业级数字化技术中台建设、全场景移动端/小程序生态定制及垂直领域 AI 智能体应用研发，以严谨工匠精神打造稳定、高可用的软件资产。
</p>
<div style="font-size: 13px; color: #64748B;">
<span>统一技术标准 · 遵循 ISO 研发规范 · 源码交付与私有化部署</span>
</div>
</div>
<div class="WeChat">
<br><br>
<h3><span class="LShare">微信客服</span></h3>
<img src="{:__config('site_qrcode','value')}">
<div class="bdsharebuttonbox">
<!-- <a href="#" class="bds_more" data-cmd="more"></a>-->
<!-- <a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>-->
<!-- <a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>-->
<!-- <a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a>-->
<!-- <a href="#" class="bds_renren" data-cmd="renren" title="分享到人人网"></a>-->
<a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
<!-- 服务矩阵 -->
<div>
<h4 class="nhc-footer-col-title">专业服务</h4>
<ul class="nhc-footer-links">
<li><a href="{:addon_url('official/web.official_product/list',[':pid'=>19,':sid'=>19])}" class="nhc-footer-link">软件开发</a></li>
<li><a href="{:addon_url('official/web.official_product/list',[':pid'=>19,':sid'=>19])}" class="nhc-footer-link">APP与小程序定制</a></li>
<li><a href="{:addon_url('official/web.official_product/list',[':pid'=>19,':sid'=>19])}" class="nhc-footer-link">智能体开发</a></li>
<li><a href="{:addon_url('official/web.official_product/list',[':pid'=>19,':sid'=>19])}" class="nhc-footer-link">微服务架构重构</a></li>
<li><a href="{:addon_url('official/web.official_product/list',[':pid'=>19,':sid'=>19])}" class="nhc-footer-link">私有化高可用部署</a></li>
</ul>
</div>
<!-- 产品系列 -->
<div>
<h4 class="nhc-footer-col-title">产品矩阵</h4>
<ul class="nhc-footer-links">
<li><a href="{:addon_url('official/web.official_product/list',[':pid'=>22,':sid'=>22])}" class="nhc-footer-link">商城</a></li>
<li><a href="{:addon_url('official/web.official_product/list',[':pid'=>22,':sid'=>22])}" class="nhc-footer-link">收银</a></li>
<li><a href="{:addon_url('official/web.official_product/list',[':pid'=>22,':sid'=>22])}" class="nhc-footer-link">进销存</a></li>
<li><a href="{:addon_url('official/web.official_product/list',[':pid'=>22,':sid'=>22])}" class="nhc-footer-link">SaaS版本</a></li>
<li><a href="{:addon_url('official/web.official_product/list',[':pid'=>22,':sid'=>22])}" class="nhc-footer-link">智慧收银一体机</a></li>
</ul>
</div>
<!-- 解决方案与案例 -->
<div>
<h4 class="nhc-footer-col-title">案例与支持</h4>
<ul class="nhc-footer-links">
<li><a href="{:addon_url('official/web.official_case_show/list',[':pid'=>14,':sid'=>14])}" class="nhc-footer-link">标杆案例</a></li>
<li><a href="{:addon_url('official/web.official_home/single',[':pid'=>1,':sid'=>1])}" class="nhc-footer-link">关于我们</a></li>
<li><a href="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}" class="nhc-footer-link">需求预约</a></li>
<li><a href="#process" class="nhc-footer-link">交付流程</a></li>
</ul>
</div>
<!-- 联系与资质 -->
<div>
<h4 class="nhc-footer-col-title">联系我们</h4>
<div class="nhc-footer-contact-info">
<div>电话：{:__config('site_mobile','value')}</div>
<div>邮箱：{:__config('site_email','value')}</div>
<div>地址：{:__config('site_address','value')}</div>
<div>工时：周一至周五 09:00 - 18:00 (7x24 紧急响应)</div>
</div>
</div>
</div>
</div>
</div>
<!-- 底部版权 开始-->
<div id="copyright_main">
<div id="copyright">
<!-- <span class="TechnicalSupport">{:__config('site_technical_support')}：<a href="{:__config('site_technical_support','value',1)}" target="_blank">{:__config('site_technical_support','value')}</a></span> -->
<span>
{if __config('site_copyright','value',1)}<a href="{:__config('site_copyright','value',1)}" target="_self">{:__config('site_copyright','value')}</a>{else/}<span>{:__config('site_copyright','value')}</span>{/if}
<p style="display: inline"> &nbsp;{:__config('site_copyright')}&nbsp;</p>
<a href="{:__config('site_beian','value',1)}">{:__config('site_beian','value')}</a>&nbsp
</span>
</div>
</div>
<!--gotop start-->
<script type="text/javascript" src="__ADDON__/js/common_130434.js"></script>
<script>
scrolltotop.controlattrs = { offsetx: 20, offsety: 150 };
scrolltotop.controlHTML = '<img src="__ADDON__/images/1.gif" />';
scrolltotop.anchorkeyword = '#gotop';
scrolltotop.title = '回顶部';
scrolltotop.init();
</script>
<!-- 底部版权与备案信息 -->
<div class="nhc-footer-bottom">
<div>
<span>© {:date('Y')} 贵阳纳海川科技有限公司 版权所有</span>
<span style="margin: 0 10px;">|</span>
<a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener noreferrer">{:__config('site_beian','value')}</a>
</div>
<div>
<span>严谨商务 · 现代中式 · 高级感专业软件服务</span>
</div>
</div>
</div>
</footer>
<!-- 现代化专业页脚 结束 -->

1
addons/official/view/web/official_common/pc/link.html
查看文件

@@ -1,4 +1,5 @@
<link href="__ADDON__/images/favicon.ico" type="image/x-icon" rel="icon">
<link href="__ADDON__/css/modern_nhc.css" rel="stylesheet" type="text/css">
<link href="__ADDON__/css/style.css" rel="stylesheet" type="text/css">
<link href="__ADDON__/css/animate.css" rel="stylesheet" type="text/css">
<link href="__ADDON__/css/page_style.css" rel="stylesheet" type="text/css">

175
addons/official/view/web/official_common/pc/nav.html
查看文件

@@ -1,132 +1,55 @@
<!--顶部 开始-->
<!--顶部 结束-->
<style>
#h_main {
position: relative;
overflow: hidden;
height: auto;
}
#logo_main {
position: absolute;
width: 100%;
top: 20px;
z-index: 999;
}
</style>
<!--Logo 开始-->
<div id="h_main">
<div id="top_main">
<div id="top">
<div id="top_1">
<!-- {if $auth->isLogin()}
<span class="MemberName">{$user->username}</span>
<a href="/index/user/logout" target="_self">[ {:__l('index','Sign out')} ]</a>
{else/}
<a href="/index/user/login" target="_self">[ {:__l('index','Sign in')} ]&nbsp;</a>
{/if} -->
<!-- 纳海川官方网站 现代化专业中式导航栏 开始 -->
<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 TECH</span>
</div>
</a>
<span class="nhc-seal" style="margin-left: 8px;">纳川·工造</span>
</div>
<div id="top_2">
<!-- <a href="{:addon_url('official/web.official_home/set_language')}?language=2&url={:base64_encode(request()->domain().request()->url())}" target="_self">简体中文&nbsp;</a>
<a href="{:addon_url('official/web.official_home/set_language')}?language=1&url={:base64_encode(request()->domain().request()->url())}" target="_self">English</a> -->
</div>
</div>
</div>
<div id="logo_main">
<div id="logo">
<!--网站Logo 开始-->
<div class="WebLogo">
<a href="{:addon_url('official/web.official_home/index')}" target="_self">
<img src="{:__config('site_logo','value')}" title="{:__config('basic_title','value')}"
alt="{:__config('basic_title','value')}">
<!-- 主导航菜单 (服务、产品、案例、关于我们、联系我们) -->
<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>
<!--网站Logo 结束-->
<!--导航 开始-->
<div id="navigation">
<ul class="navigationlist">
<li>
<a href="{:addon_url('official/web.official_home/index')}" target="_self" {if
empty(input('param.pid'))} class="current" {/if}>{:__l('index','Website homepage')}</a>
</li>
{if count($all_official_category)}
{foreach $all_official_category as $val}
{if $val['is_nav_show']}
<li>
<a href="{:get_cate_url($val)}" target="_self" {if (null !==input('param.pid')) &&
input('param.pid')==$val['id']} class="current" {/if}>{:ze($val,'name')}</a>
{if count($val['son'])}
<ul class="subnavigationlist">
{foreach $val['son'] as $son}
{if $son['is_nav_show']}
<li>
<a href="{:get_cate_url($son)}" target="_self">{:ze($son,'name')}</a>
</li>
{/if}
{/foreach}
</ul>
{/if}
</li>
{/if}
{/foreach}
{/if}
</ul>
</div>
<!--导航 结束-->
</div>
</div>
<!--Logo 结束-->
<!--JS幻灯片 开始-->
<div id="banner_main">
<!--幻灯片 开始-->
<div id="banner">
<ul class="bannerlist">
{foreach $banners as $item}
<li style="background:#fff; ">
<a {if $item['url']} href="{$item['url']}" target="_blank" {else/} href="javascript:;" {/if}>
<img src="{$item['image']}" width="100%">
</a>
</li>
{/foreach}
</ul>
</div>
<div class="hd">
<ul></ul>
</div>
<!--幻灯片 结束-->
</div>
</div>
<script>
if ($(".bannerlist li").length > 0) {
$('#banner_main').slide({
titCell: '.hd ul',
mainCell: '#banner ul',
autoPlay: true,
autoPage: true,
delayTime: 500,
effect: 'left'
});
$(window).resize(function () {
CenterBanner();
});
$(document).ready(function (e) {
CenterBanner();
});
} else {
$("#banner_main").hide();
}
function CenterBanner() {
var imgWidth = parseInt($(".bannerlist li img:first").width());
if (imgWidth <= 0) return;
var winWidth = parseInt($(window).width());
var offset = parseInt((winWidth - imgWidth) / 2);
$(".bannerlist li img").css("margin-left", offset + 'px');
}
</script>
<!--JS幻灯片 结束-->
</header>
<!-- 导航栏 结束 -->

777
addons/official/view/web/official_home/index.html
查看文件

@@ -1,201 +1,614 @@
{extend name="web/official_common/pc/base" /}
{block name="content"}
<!--主体内容 开始-->
<!-- 纳海川官方网站 首页主体 开始 -->
<!-- 服务范围 开始 -->
<div id="floor_2_main">
<div id="floor_2">
<div class="left_title1">
<h2><a>{:ze($fuwu,'name')}</a></h2>
<p>{:ze($fuwu,'subheading')}</p>
<i></i>
<!-- 1. 首屏 (Hero Section) 开始 -->
<section class="nhc-hero nhc-lattice-pattern">
<div class="nhc-container">
<div class="nhc-hero-content">
<!-- 现代中式微章 -->
<div class="nhc-hero-badge">
<span class="nhc-seal">匠心铸造</span>
<span class="nhc-hero-badge-text">现代企业数字化底座与智能体定制专家</span>
</div>
<!-- 主标题 (宋体大字，严谨大气) -->
<h1 class="nhc-hero-title">
纳百川以成巨流 <span class="highlight">聚智能</span>以启新元
</h1>
<!-- 副标题 -->
<p class="nhc-hero-subtitle">
纳海川科技专注于为政企与高成长型企业构筑稳固的业务技术中台、全端移动生态与垂直领域 AI 智能体体系，融合东方秩序美学与现代软件工程标准，赋能实体业务深层数字化跃升。
</p>
<!-- 行动号召组 -->
<div class="nhc-hero-cta">
<a href="#contact" class="nhc-btn nhc-btn-primary nhc-btn-lg">
<span>预约专家咨询</span>
<svg width="16" height="16" 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>
<a href="#products" class="nhc-btn nhc-btn-outline nhc-btn-lg">
<span>浏览核心产品</span>
</a>
</div>
<!-- 信任背书量化指标 -->
<div class="nhc-hero-metrics">
<div class="nhc-metric-item">
<div class="nhc-metric-val">99.8<sub>%</sub></div>
<div class="nhc-metric-label">项目按期高质量交付率</div>
</div>
<div class="nhc-metric-item">
<div class="nhc-metric-val">50<sub>+</sub></div>
<div class="nhc-metric-label">核心自主软件著作权资产</div>
</div>
<div class="nhc-metric-item">
<div class="nhc-metric-val">200<sub>+</sub></div>
<div class="nhc-metric-label">政企与各行业标杆客户</div>
</div>
<div class="nhc-metric-item">
<div class="nhc-metric-val">10<sub>+</sub></div>
<div class="nhc-metric-label">年企业级软件工程沉淀</div>
</div>
</div>
</div>
<div class="left_body1">
<ul class="channelalbumlist1">
<!-- 循环 开始 -->
</div>
</section>
<!-- 首屏 (Hero Section) 结束 -->
{foreach $fuwu['data'] as $key => $item}
<li class="n{$key+1}">
<div class="info_wrap">
<img src="{$item['image']}">
<div class="AlbumTitle">{$item['title']}</div>
<p>{$item['subheading']}</p>
<!-- 2. 服务入口 (Services Section) 开始 -->
<section id="services" class="nhc-services">
<div class="nhc-container">
<div class="nhc-section-header">
<div class="nhc-section-tag">
<span class="nhc-seal">服务矩阵</span>
<span class="nhc-tag-text">ENGINEERING CAPABILITIES</span>
</div>
<h2 class="nhc-section-title">聚焦三大核心服务 · 铸造数字生产力</h2>
<p class="nhc-section-desc">
紧密围绕企业实际业务痛点，提供从底层中台架构、全场景移动端触点到前沿 AI 智能体的全栈定制研发服务。
</p>
<div class="nhc-line-divider"><span></span></div>
</div>
<div class="nhc-services-grid">
<!-- 核心服务一：软件开发 -->
<div class="nhc-service-card">
<span class="nhc-service-watermark">壹</span>
<div class="nhc-service-icon">
<svg width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="3" width="20" height="14" rx="2" ry="2"/><line x1="8" y1="21" x2="16" y2="21"/><line x1="12" y1="17" x2="12" y2="21"/></svg>
</div>
<h3 class="nhc-service-title">软件开发</h3>
<p class="nhc-service-desc">
定制企业级业务中台与私有化核心系统，解决高并发性能瓶颈、数据孤岛与复杂业务逻辑流转难题。
</p>
<ul class="nhc-service-list">
<li class="nhc-service-item">企业微服务与分布式高可用架构</li>
<li class="nhc-service-item">业务中台整合与跨系统数据打通</li>
<li class="nhc-service-item">金融级数据加密与私有化安全部署</li>
<li class="nhc-service-item">严格代码质量审计与完整源码交付</li>
</ul>
<a href="{:addon_url('official/web.official_product/list',[':pid'=>19,':sid'=>19])}" class="nhc-service-link">
<span>了解软件开发方案</span>
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
</a>
</div>
<!-- 核心服务二：APP与小程序定制 -->
<div class="nhc-service-card">
<span class="nhc-service-watermark">贰</span>
<div class="nhc-service-icon">
<svg width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><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>
<h3 class="nhc-service-title">APP与小程序定制</h3>
<p class="nhc-service-desc">
覆盖全端移动生态，深度定制 iOS/Android 原生与跨平台 APP，无缝接入微信、支付宝及抖音多端小程序。
</p>
<ul class="nhc-service-list">
<li class="nhc-service-item">iOS / Android 跨平台高性能统一框架</li>
<li class="nhc-service-item">微信小程序、企业微信生态深度闭环</li>
<li class="nhc-service-item">蓝牙硬件、物联网 IoT 边缘设备对接</li>
<li class="nhc-service-item">60fps 丝滑交互与极致首屏加载性能</li>
</ul>
<a href="{:addon_url('official/web.official_product/list',[':pid'=>19,':sid'=>19])}" class="nhc-service-link">
<span>查看移动端定制能力</span>
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
</a>
</div>
<!-- 核心服务三：智能体开发 -->
<div class="nhc-service-card">
<span class="nhc-service-watermark">叁</span>
<div class="nhc-service-icon">
<svg width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm1 14.93V17a1 1 0 0 1-2 0v-.07A7 7 0 1 1 18.93 11H19a1 1 0 0 1 0 2h-.07A7 7 0 0 1 13 16.93zM12 6a6 6 0 1 0 6 6 6 6 0 0 0-6-6z"/></svg>
</div>
<h3 class="nhc-service-title">智能体开发</h3>
<p class="nhc-service-desc">
聚焦垂直领域大模型工程化落地，研发具备深度业务推理、企业知识库检索（RAG）与自主工作流调度的高阶 Agent。
</p>
<ul class="nhc-service-list">
<li class="nhc-service-item">私域知识库 RAG 向量检索与精准问答</li>
<li class="nhc-service-item">多智能体（Multi-Agent）协同决策与执行</li>
<li class="nhc-service-item">业务审批、数据分析与工单智能自动化</li>
<li class="nhc-service-item">大模型本地私有化部署与敏感数据防护</li>
</ul>
<a href="{:addon_url('official/web.official_product/list',[':pid'=>19,':sid'=>19])}" class="nhc-service-link">
<span>探索智能体落地案例</span>
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
</a>
</div>
</div>
</div>
</section>
<!-- 服务入口 (Services Section) 结束 -->
<!-- 3. 产品矩阵入口 (Products Section) 开始 -->
<section id="products" class="nhc-products">
<div class="nhc-container">
<div class="nhc-section-header">
<div class="nhc-section-tag">
<span class="nhc-seal">核心产品</span>
<span class="nhc-tag-text">STANDARDIZED SOLUTIONS</span>
</div>
<h2 class="nhc-section-title">四大成熟产品矩阵 · 即开即用的商业驱动力</h2>
<p class="nhc-section-desc">
标准化模块架构，兼具高灵活性与成熟稳定性，全面支持公有云 SaaS 订阅与专有私有化买断部署。
</p>
<div class="nhc-line-divider"><span></span></div>
</div>
<div class="nhc-products-grid">
<!-- 产品 1：商城 -->
<div class="nhc-product-card">
<div class="nhc-product-header">
<span class="nhc-product-type-badge">新零售 · 全渠道</span>
<h3 class="nhc-product-name">商城</h3>
<p class="nhc-product-desc">
B2B2C 多商户入驻、社交裂变营销与全域私域流量精细化运营商城系统。
</p>
</div>
<ul class="nhc-product-features">
<li class="nhc-product-feat-item">
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
<span>微信、H5、APP 三端订单与数据无缝同步</span>
</li>
<li class="nhc-product-feat-item">
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
<span>分销裂变、拼团秒杀、积分抵扣营销工具</span>
</li>
<li class="nhc-product-feat-item">
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
<span>供应商结算与自动佣金分账体系</span>
</li>
</ul>
<div class="nhc-product-footer">
<span class="nhc-product-tag">支持 SaaS / 私有化</span>
<a href="{:addon_url('official/web.official_product/list',[':pid'=>22,':sid'=>22])}" class="nhc-btn nhc-btn-outline nhc-btn-sm">查看详情</a>
</div>
</div>
<!-- 产品 2：收银 -->
<div class="nhc-product-card">
<div class="nhc-product-header">
<span class="nhc-product-type-badge">智慧门店 · 秒级结算</span>
<h3 class="nhc-product-name">收银</h3>
<p class="nhc-product-desc">
软硬件一体化智能收银系统，毫秒级结算响应，无缝适配各类商超零售与餐饮连锁。
</p>
</div>
<ul class="nhc-product-features">
<li class="nhc-product-feat-item">
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
<span>聚合支付秒级核销（微信/支付宝/银行卡）</span>
</li>
<li class="nhc-product-feat-item">
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
<span>网络中断离线记账，联网自动双向对账</span>
</li>
<li class="nhc-product-feat-item">
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
<span>全面兼容扫码枪、计价秤、小票打印硬件</span>
</li>
</ul>
<div class="nhc-product-footer">
<span class="nhc-product-tag">软硬件深度集成</span>
<a href="{:addon_url('official/web.official_product/list',[':pid'=>22,':sid'=>22])}" class="nhc-btn nhc-btn-outline nhc-btn-sm">申请演示</a>
</div>
</div>
<!-- 产品 3：进销存 -->
<div class="nhc-product-card">
<div class="nhc-product-header">
<span class="nhc-product-type-badge">业财一体 · 精细管控</span>
<h3 class="nhc-product-name">进销存</h3>
<p class="nhc-product-desc">
采购、销售、仓储与财务全链路打通的云进销存 ERP，消除呆滞料，盘活现金流。
</p>
</div>
<ul class="nhc-product-features">
<li class="nhc-product-feat-item">
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
<span>多级仓库实时智能调拨与安全库存预警</span>
</li>
<li class="nhc-product-feat-item">
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
<span>批次管理与全生命周期保质期扫码溯源</span>
</li>
<li class="nhc-product-feat-item">
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
<span>自动生成经营毛利分析与多维度财务报表</span>
</li>
</ul>
<div class="nhc-product-footer">
<span class="nhc-product-tag">业财协同标准版</span>
<a href="{:addon_url('official/web.official_product/list',[':pid'=>22,':sid'=>22])}" class="nhc-btn nhc-btn-outline nhc-btn-sm">查看详情</a>
</div>
</div>
<!-- 产品 4：SaaS版本 -->
<div class="nhc-product-card">
<div class="nhc-product-header">
<span class="nhc-product-type-badge">云原生 · 高可用</span>
<h3 class="nhc-product-name">SaaS版本</h3>
<p class="nhc-product-desc">
多租户云原生架构 SaaS 平台，开箱即用，免运维部署，伴随企业规模弹性扩展。
</p>
</div>
<ul class="nhc-product-features">
<li class="nhc-product-feat-item">
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
<span>多租户物理/逻辑强隔离，数据主权严密受控</span>
</li>
<li class="nhc-product-feat-item">
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
<span>弹性容器集群与自动故障转移，99.99% 高可用</span>
</li>
<li class="nhc-product-feat-item">
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
<span>提供丰富标准 OpenAPI 与第三方生态扩展</span>
</li>
</ul>
<div class="nhc-product-footer">
<span class="nhc-product-tag">按需订阅 / 极速交付</span>
<a href="{:addon_url('official/web.official_product/list',[':pid'=>22,':sid'=>22])}" class="nhc-btn nhc-btn-primary nhc-btn-sm">立即开通</a>
</div>
</div>
</div>
</div>
</section>
<!-- 产品矩阵入口 (Products Section) 结束 -->
<!-- 4. 案例入口 (Cases Section) 开始 -->
<section id="cases" class="nhc-cases">
<div class="nhc-container">
<div class="nhc-section-header">
<div class="nhc-section-tag">
<span class="nhc-seal">标杆案例</span>
<span class="nhc-tag-text">PROVEN OUTCOMES</span>
</div>
<h2 class="nhc-section-title">精选实践成果 · 严谨数据验证</h2>
<p class="nhc-section-desc">
我们以扎实的工程交付标准，为各行业客户交付经得起业务考验的数字化解决方案。
</p>
<div class="nhc-line-divider"><span></span></div>
</div>
<div class="nhc-cases-grid">
<!-- 案例 1 -->
<div class="nhc-case-card">
<div class="nhc-case-meta">
<span class="nhc-case-category">商贸批发 · 数字化中台</span>
<span class="nhc-seal" style="font-size: 11px;">成果验证</span>
</div>
<h3 class="nhc-case-title">大型快消供应链集团「全渠道分销商城与订货中台」</h3>
<div class="nhc-case-details">
<div class="nhc-case-detail-row">
<span class="nhc-case-detail-label">业务挑战</span>
<span class="nhc-case-detail-content">跨区域经销商价格体系混乱，传统人工抄单错漏率高，订单处理周期超过 24 小时。</span>
</div>
</li>
{/foreach}
</ul>
</div>
<div class="left_bottom1"></div>
</div>
</div>
<!-- 服务范围 结束 -->
<style>
.info_wrap a {
display: none;
/* 初始状态下隐藏按钮 */
width: 110px;
line-height: 40px;
background: #144cbb;
opacity: 1;
border-radius: 2px;
color: white;
margin-top: 20px;
text-align: center;
float: left;
margin-right: 10px;
}
.info_wrap .chrd1 {
background: white;
height: 38px;
color: #144cbb;
border: #144cbb 1px solid;
float: right;
}
li:hover .info_wrap a {
display: block;
/* 当鼠标悬停在li元素上时显示按钮 */
}
</style>
<!-- 软件产品 开始 -->
<div id="floor_2_main_1">
<div id="floor_2">
<div class="left_title1">
<h2><a>{:ze($soft,'name')}</a></h2>
<p>{:ze($soft,'subheading')}</p>
<i></i>
</div>
<div class="left_body1">
<ul class="channelalbumlist11">
<!-- 循环 开始 -->
{foreach $soft['data'] as $key => $item}
<li class="n{$key+1}">
<div class="info_wrap">
<img src="{$item['image']}">
<div class="AlbumTitle">{$item['title']}</div>
<p>{$item['subheading']}</p>
<a href="{:addon_url('official/web.official_online_message/list',[':pid'=>17,':sid'=>17])}" target="_blank">咨询方案</a>
<a class="chrd1" href="{:addon_url('official/web.official_home/single',[':pid'=>18,':sid'=>18])}" target="_blank">了解详情</a>
<div class="nhc-case-detail-row">
<span class="nhc-case-detail-label">解决方案</span>
<span class="nhc-case-detail-content">搭建纳川定制 B2B 分销中台，接入灵活等级阶梯价、信用授信账期管控及自动化拆单履约。</span>
</div>
</li>
{/foreach}
</ul>
</div>
<div class="left_bottom1"></div>
</div>
</div>
<!-- 产品范围 结束 -->
<!--服务案例 开始-->
<div id="floor_1_main" style="background-color: #f5f9ff;">
<div id="floor_1">
<div class="left_title1">
<h2><a href="javascript:;">{:ze($new_list,'name')}</a></h2>
<p>{:ze($new_list,'subheading')}</p>
<i></i>
<ul class="textlist1">
{foreach $new_list['son'] as $item}
<li><a href="{:get_cate_url($item)}" target="_blank">{:ze($item,'name')}</a></li>
{/foreach}
</ul>
</div>
<div class="left_body1">
<ul class="gridlist1">
{foreach $new_list['data'] as $key => $item}
<li class="n{if $key <= 3}{$key}{else/}{$key - 4}{/if}">
<a class="InfoPicture"
href="{:addon_url('official/web.official_case_show/details',[':pid'=>0,':sid'=>0,':id'=>$item['id']])}"
target="_blank">
<img src="{$item['image']}" title="{$item['title']}" alt="{$item['title']}">
</a>
<div class="InfoTitle">
<a href="{:addon_url('official/web.official_case_show/details',[':pid'=>0,':sid'=>0,':id'=>$item['id']])}" target="_blank">{$item['title']}</a>
</div>
<div class="nhc-case-metrics-bar">
<div class="nhc-case-metric-box">
<div class="nhc-case-metric-num">65%</div>
<div class="nhc-case-metric-sub">订单处理效率提升</div>
</div>
</li>
{/foreach}
<div class="nhc-case-metric-box">
<div class="nhc-case-metric-num">0.02%</div>
<div class="nhc-case-metric-sub">人工错单率降至</div>
</div>
<div class="nhc-case-metric-box">
<div class="nhc-case-metric-num">10W+</div>
<div class="nhc-case-metric-sub">日峰值订单处理</div>
</div>
</div>
</div>
</ul>
<!-- 案例 2 -->
<div class="nhc-case-card">
<div class="nhc-case-meta">
<span class="nhc-case-category">连锁零售 · 软硬件一体</span>
<span class="nhc-seal" style="font-size: 11px;">成果验证</span>
</div>
<h3 class="nhc-case-title">知名区域连锁餐饮「全场景智能收银与门店一体化」</h3>
<div class="nhc-case-details">
<div class="nhc-case-detail-row">
<span class="nhc-case-detail-label">业务挑战</span>
<span class="nhc-case-detail-content">就餐高峰期前台排队拥堵严重，前厅与后厨信息断层，各门店原物料损耗无法实时溯源。</span>
</div>
<div class="nhc-case-detail-row">
<span class="nhc-case-detail-label">解决方案</span>
<span class="nhc-case-detail-content">上线一体化收银系统与后厨 KDS 联动看板，打通扫码点单、聚合支付与实时扣料核销。</span>
</div>
</div>
<div class="nhc-case-metrics-bar">
<div class="nhc-case-metric-box">
<div class="nhc-case-metric-num">70%</div>
<div class="nhc-case-metric-sub">排队结算耗时缩短</div>
</div>
<div class="nhc-case-metric-box">
<div class="nhc-case-metric-num">28%</div>
<div class="nhc-case-metric-sub">物料损耗有效降低</div>
</div>
<div class="nhc-case-metric-box">
<div class="nhc-case-metric-num">300+</div>
<div class="nhc-case-metric-sub">全国门店稳定部署</div>
</div>
</div>
</div>
<!-- 案例 3 -->
<div class="nhc-case-card">
<div class="nhc-case-meta">
<span class="nhc-case-category">智能制造 · 进销存ERP</span>
<span class="nhc-seal" style="font-size: 11px;">成果验证</span>
</div>
<h3 class="nhc-case-title">高端装备制造企业「生产进销存与供应链敏捷协同」</h3>
<div class="nhc-case-details">
<div class="nhc-case-detail-row">
<span class="nhc-case-detail-label">业务挑战</span>
<span class="nhc-case-detail-content">零部件品类繁多达数万种，采购节拍与装配需求严重脱节，呆滞库存占用大量资金。</span>
</div>
<div class="nhc-case-detail-row">
<span class="nhc-case-detail-label">解决方案</span>
<span class="nhc-case-detail-content">定制落地精益进销存 ERP，建立动态物料 BOM 匹配、安全库存预警与供应商端协同门户。</span>
</div>
</div>
<div class="nhc-case-metrics-bar">
<div class="nhc-case-metric-box">
<div class="nhc-case-metric-num">42%</div>
<div class="nhc-case-metric-sub">综合库存周转率提升</div>
</div>
<div class="nhc-case-metric-box">
<div class="nhc-case-metric-num">55%</div>
<div class="nhc-case-metric-sub">呆滞积压料降低</div>
</div>
<div class="nhc-case-metric-box">
<div class="nhc-case-metric-num">35%</div>
<div class="nhc-case-metric-sub">采购采购周期缩短</div>
</div>
</div>
</div>
<!-- 案例 4 -->
<div class="nhc-case-card">
<div class="nhc-case-meta">
<span class="nhc-case-category">政企服务 · AI智能体</span>
<span class="nhc-seal" style="font-size: 11px;">成果验证</span>
</div>
<h3 class="nhc-case-title">知识密集型政务机构「专属 RAG 业务审核智能体」</h3>
<div class="nhc-case-details">
<div class="nhc-case-detail-row">
<span class="nhc-case-detail-label">业务挑战</span>
<span class="nhc-case-detail-content">政策法规与历史档案跨越数十年，人工查证检索费时耗力，初审标准难以保证统一严谨。</span>
</div>
<div class="nhc-case-detail-row">
<span class="nhc-case-detail-label">解决方案</span>
<span class="nhc-case-detail-content">构建基于私有大模型与向量数据库的 RAG 智能体，自动检索法规依据并输出规范化审核建议。</span>
</div>
</div>
<div class="nhc-case-metrics-bar">
<div class="nhc-case-metric-box">
<div class="nhc-case-metric-num">&lt;1.5s</div>
<div class="nhc-case-metric-sub">复杂问答检索耗时</div>
</div>
<div class="nhc-case-metric-box">
<div class="nhc-case-metric-num">85%</div>
<div class="nhc-case-metric-sub">初审人工耗时缩减</div>
</div>
<div class="nhc-case-metric-box">
<div class="nhc-case-metric-num">94.6%</div>
<div class="nhc-case-metric-sub">业务采纳准确率</div>
</div>
</div>
</div>
</div>
<div style="text-align: center; margin-top: 48px;">
<a href="{:addon_url('official/web.official_case_show/list',[':pid'=>14,':sid'=>14])}" class="nhc-btn nhc-btn-outline nhc-btn-lg">
<span>浏览全部标杆案例</span>
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
</a>
</div>
<div class="left_bottom1"></div>
</div>
</div>
<!--产品展示 结束-->
<!-- 关于我们 开始 -->
<!-- 关于我们 结束 -->
<!-- 新闻资讯 开始 -->
<div id="floor_4_main">
<div id="floor_4">
<div class="left_title1">
<h2><a href="javascript:;">{:ze($information,'name')}</a></h2>
<p>{:ze($information,'subheading')}</p>
<i></i>
</section>
<!-- 案例入口 (Cases Section) 结束 -->
<!-- 5. 全生命周期交付流程 (Process Section) 开始 -->
<section id="process" class="nhc-process">
<div class="nhc-container">
<div class="nhc-section-header">
<div class="nhc-section-tag">
<span class="nhc-seal">交付体系</span>
<span class="nhc-tag-text">STANDARD METHODOLOGY</span>
</div>
<h2 class="nhc-section-title">五步严谨工程法 · 全生命周期守护</h2>
<p class="nhc-section-desc">
恪守现代中式工匠规矩与敏捷工程标准，每一步都有明确的标准产出与质量验收节点。
</p>
<div class="nhc-line-divider"><span></span></div>
</div>
<!-- 循环 开始 -->
<div class="left_body1">
<ul class="thumblist2">
{foreach $information['data'] as $key => $val}
<li class="n{if $key%2 == 0}0{else/}1{/if}">
<a
href="{:addon_url('official/web.official_journalism/details',[':pid'=>0,':sid'=>0,':id'=>$val['id']])}">
<div class="InfoTime">
<div class="d">
{$val['createtime_d']}
</div>
<div class="y-m">
{$val['createtime_y_m']}
</div>
</div>
<div class="InfoPicture" title="{$val['title']}">
<img src="{$val['image']}">
</div>
<div class="InfoWrap">
<span class="InfoTitle">{$val['title']}</span>
<p>{$val['subheading']}</p>
</div>
</a>
</li>
{/foreach}
</ul>
<div class="nhc-process-flow">
<!-- 步骤 1 -->
<div class="nhc-process-card">
<div class="nhc-process-step-num">01</div>
<h4 class="nhc-process-step-title">需求深度研判</h4>
<p class="nhc-process-step-desc">
格物致知，派驻资深架构师深入业务一线，全流程梳理业务痛点，产出详尽需求规格蓝图。
</p>
</div>
<!-- 步骤 2 -->
<div class="nhc-process-card">
<div class="nhc-process-step-num">02</div>
<h4 class="nhc-process-step-title">架构严谨立骨</h4>
<p class="nhc-process-step-desc">
经纬分明，制定高可用系统拓扑、高安全数据底座、微服务治理及应对极端峰值的应急预案。
</p>
</div>
<!-- 步骤 3 -->
<div class="nhc-process-card">
<div class="nhc-process-step-num">03</div>
<h4 class="nhc-process-step-title">敏捷测试驱动</h4>
<p class="nhc-process-step-desc">
精工细琢，严格遵循 TDD 模式与 CI/CD 自动化流水线，代码评审严苛，确保无缺陷交付。
</p>
</div>
<!-- 步骤 4 -->
<div class="nhc-process-card">
<div class="nhc-process-step-num">04</div>
<h4 class="nhc-process-step-title">高压安全审计</h4>
<p class="nhc-process-step-desc">
严审磐石，全路径模拟超负荷并发压力测试，配合权威渗透扫描与合规校验，坚固如磐。
</p>
</div>
<!-- 步骤 5 -->
<div class="nhc-process-card">
<div class="nhc-process-step-num">05</div>
<h4 class="nhc-process-step-title">私有化与维保</h4>
<p class="nhc-process-step-desc">
笃行护航，专业工程师实地或专网部署交付，提供完善运维赋能培训与 7x24 持续演进支持。
</p>
</div>
</div>
<div class="left_bottom1"></div>
</div>
</div>
<!-- 新闻资讯 结束 -->
<!-- 我们的客户 开始 -->
<div id="floor_5_main">
<div id="floor_5">
<div class="left_title1">
<h2><a href="javascript:;">{:ze($kehu,'name')}</a></h2>
<p>{:ze($kehu,'subheading')}</p>
<i></i>
</section>
<!-- 交付流程 (Process Section) 结束 -->
<!-- 6. 客户评价与合作伙伴 (Testimonials & Clients) 开始 -->
<section class="nhc-testimonials">
<div class="nhc-container">
<div class="nhc-section-header">
<div class="nhc-section-tag">
<span class="nhc-seal">信赖之选</span>
<span class="nhc-tag-text">VOICE OF PARTNERS</span>
</div>
<h2 class="nhc-section-title">客户信赖之选 · 见证长期价值同行</h2>
<p class="nhc-section-desc">
我们珍视每一次托付，用稳定运行的系统与专业的态度赢得长期战略合作伙伴的由衷认可。
</p>
<div class="nhc-line-divider"><span></span></div>
</div>
<div class="left_body1">
<ul class="channelalbumlist2">
<!-- 循环 开始 -->
{foreach $kehu['data'] as $item}
<li>
<img {if $item['url']} onclick="window.open('{$item['url']}')" target="_self" {/if}
src="{$item['image']}" alt="{$item['name']}" title="{$item['name']}">
</li>
{/foreach}
</ul>
<div class="nhc-testimonials-grid">
<div class="nhc-testimonial-card">
<div class="nhc-quote-icon">“</div>
<p class="nhc-testimonial-text">
纳海川团队展现了极强的架构能力与业务敏锐度。在极短周期内为我们重构了 B2B 订货中台，不仅顶住了销售大促的高峰压力，更彻底解决了困扰我们多年的库存对账误差问题。
</p>
<div class="nhc-testimonial-author">
<div class="nhc-author-avatar">张</div>
<div class="nhc-author-info">
<span class="nhc-author-name">张立伟</span>
<span class="nhc-author-role">供应链流通集团 · 数字化技术总监</span>
</div>
</div>
</div>
<div class="nhc-testimonial-card">
<div class="nhc-quote-icon">“</div>
<p class="nhc-testimonial-text">
收银与门店进销存系统在 300 多家连锁门店上线后，收银员上手迅速，几乎没有出现过死机或掉单情况。即使遇到网络故障，离线记账功能也能平稳过度，让我们非常安心。
</p>
<div class="nhc-testimonial-author">
<div class="nhc-author-avatar">李</div>
<div class="nhc-author-info">
<span class="nhc-author-name">李青蓉</span>
<span class="nhc-author-role">连锁新零售品牌 · 运营副总裁</span>
</div>
</div>
</div>
<div class="nhc-testimonial-card">
<div class="nhc-quote-icon">“</div>
<p class="nhc-testimonial-text">
在企业级 AI 智能体开发上，纳海川团队的技术储备令人印象深刻。搭建的专属 RAG 知识库检索准确率极高，而且在私有化部署和数据合规上做得滴水不漏，值得托付。
</p>
<div class="nhc-testimonial-author">
<div class="nhc-author-avatar">王</div>
<div class="nhc-author-info">
<span class="nhc-author-name">王振邦</span>
<span class="nhc-author-role">智能制造装备企业 · 首席信息官 CIO</span>
</div>
</div>
</div>
</div>
<!-- 合作企业展位 -->
<div style="text-align: center; margin-bottom: 24px;">
<span style="font-size: 13px; letter-spacing: 2px; color: var(--text-muted); text-transform: uppercase;">服务涵盖政企金融、先进制造、新零售及现代物流领域的领先组织</span>
</div>
<div class="nhc-clients-grid">
<div class="nhc-client-item">贵阳商贸供应链</div>
<div class="nhc-client-item">西南智能制造</div>
<div class="nhc-client-item">黔信互联科技</div>
<div class="nhc-client-item">连锁零售商超</div>
<div class="nhc-client-item">智慧农特产业</div>
<div class="nhc-client-item">现代医药物流</div>
</div>
<div class="left_bottom1"></div>
</div>
</div>
<!-- 我们的客户 结束 -->
<!--主体内容 结束-->
</section>
<!-- 客户评价与合作伙伴 结束 -->
<!-- 7. 底部行动号召 (CTA Section) 开始 -->
<section id="contact" class="nhc-cta">
<div class="nhc-container">
<div class="nhc-cta-inner">
<div class="nhc-cta-content">
<span class="nhc-seal" style="background: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.4); color: #FFFFFF; margin-bottom: 12px;">立即携手</span>
<h2 class="nhc-cta-title">准备好开启新一代数字化与智能化升级了吗？</h2>
<p class="nhc-cta-desc">
资深系统架构师与业务专家团队随时待命，为您提供深度业务剖析、架构建议与原型演示，24 小时内快速响应对接。
</p>
</div>
<div class="nhc-cta-buttons">
<a href="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}" class="nhc-btn nhc-cta-btn-light nhc-btn-lg">
<span>立即提交需求预约</span>
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
</a>
<a href="tel:{:__config('site_mobile','value')}" class="nhc-btn nhc-cta-btn-ghost nhc-btn-lg">
<span>致电专家热线</span>
</a>
</div>
</div>
</div>
</section>
<!-- 底部行动号召 (CTA Section) 结束 -->
<!-- 首页主体 结束 -->
{/block}

366
addons/official/view/web/official_home/index_e.html
查看文件

@@ -1,120 +1,294 @@
{extend name="web/official_common/mobile/base" /}
{block name="css"}
<link rel="stylesheet" href="__ADDON__/m/css/index.css">
<style>
/* 移动端特定微调 */
.nhc-hero {
padding-top: 100px;
padding-bottom: 50px;
}
.nhc-hero-title {
font-size: 28px;
letter-spacing: 1px;
}
.nhc-hero-subtitle {
font-size: 14px;
}
</style>
{/block}
{block name="content"}
<!-- 纳海川移动端 首页主体 开始 -->
<!--产品-->
<div class="latest-news segments">
<div class="container">
<div class="section-title">
<h3>{:ze($new_list,'name')}</h3>
<p>{:ze($new_list,'subheading')}</p>
</div>
<div class="section_box">
{foreach $new_list['son'] as $item}
<a class="section_box_son" href="{:get_cate_url($item)}">{:ze($item,'name')}</a>
{/foreach}
</div>
<div class="row">
<!-- 1. 首屏 (Hero Section) -->
<section class="nhc-hero nhc-lattice-pattern">
<div class="nhc-container">
<div class="nhc-hero-content">
<div class="nhc-hero-badge">
<span class="nhc-seal">匠心铸造</span>
<span class="nhc-hero-badge-text">现代企业数字化底座与智能体定制专家</span>
</div>
{foreach $new_list['data'] as $key => $item}
<div class="col s6" style="margin-bottom: 10px">
<div class="content new_xinwen">
<img src="{$item['image']}" title="{$item['title']}"
onclick='location.href="{:addon_url('official/web.official_product/details',[':pid'=>0,':sid'=>0,':id'=>$item['id']])}"'>
<a class="new_xinwen_A" href="{:addon_url('official/web.official_product/details',[':pid'=>0,':sid'=>0,':id'=>$item['id']])}">
{$item['title']}
</a>
<!--<p>Lorem ipsum dolor sit amet, consectetur.</p>-->
<h1 class="nhc-hero-title">
纳百川以成巨流 <br><span class="highlight">聚智能</span>以启新元
</h1>
<p class="nhc-hero-subtitle">
纳海川科技专注于为政企与高成长型企业构筑稳固的业务技术中台、全端移动生态与垂直领域 AI 智能体体系。
</p>
<div class="nhc-hero-cta">
<a href="#contact" class="nhc-btn nhc-btn-primary">
<span>预约专家咨询</span>
</a>
<a href="#products" class="nhc-btn nhc-btn-outline">
<span>浏览核心产品</span>
</a>
</div>
<div class="nhc-hero-metrics">
<div class="nhc-metric-item">
<div class="nhc-metric-val">99.8<sub>%</sub></div>
<div class="nhc-metric-label">项目按期交付率</div>
</div>
<div class="nhc-metric-item">
<div class="nhc-metric-val">50<sub>+</sub></div>
<div class="nhc-metric-label">自主软著资产</div>
</div>
<div class="nhc-metric-item">
<div class="nhc-metric-val">200<sub>+</sub></div>
<div class="nhc-metric-label">政企标杆客户</div>
</div>
<div class="nhc-metric-item">
<div class="nhc-metric-val">10<sub>+</sub></div>
<div class="nhc-metric-label">年软件工程沉淀</div>
</div>
</div>
{/foreach}
</div>
</div>
</div>
</section>
<!-- 2. 服务入口 (Services Section) -->
<section id="services" class="nhc-services">
<div class="nhc-container">
<div class="nhc-section-header">
<div class="nhc-section-tag">
<span class="nhc-seal">服务矩阵</span>
<span class="nhc-tag-text">SERVICES</span>
</div>
<h2 class="nhc-section-title" style="font-size: 26px;">三大核心服务 · 铸造数字生产力</h2>
<div class="nhc-line-divider"><span></span></div>
</div>
<!--服务范围-->
<div class="con_box">
<div class="con_box_title">
<h2 class="con_box_title_h2">{:ze($fuwu,'name')}</h2>
<p class="con_box_title_p">{:ze($fuwu,'subheading')}</p>
</div>
<div class="fuwu_box">
{foreach $fuwu['data'] as $key => $item}
<div class="fuwu_box_list">
<img src="{$item['image']}" alt="" class="fuwu_box_list_img">
<div class="fuwu_box_list_box">
<h5 class="fuwu_box_list_h5">{$item['title']}</h5>
<p class="fuwu_box_list_p">{$item['subheading']}</p>
<div class="nhc-services-grid">
<div class="nhc-service-card">
<span class="nhc-service-watermark">壹</span>
<h3 class="nhc-service-title">软件开发</h3>
<p class="nhc-service-desc">
定制企业级业务中台与私有化核心系统，解决高并发性能瓶颈、数据孤岛与复杂业务逻辑流转难题。
</p>
<ul class="nhc-service-list">
<li class="nhc-service-item">企业微服务与分布式高可用架构</li>
<li class="nhc-service-item">业务中台整合与跨系统数据打通</li>
<li class="nhc-service-item">金融级数据加密与私有化安全部署</li>
</ul>
</div>
<div class="nhc-service-card">
<span class="nhc-service-watermark">贰</span>
<h3 class="nhc-service-title">APP与小程序定制</h3>
<p class="nhc-service-desc">
覆盖全端移动生态，深度定制 iOS/Android 原生与跨平台 APP，无缝接入微信、支付宝及抖音小程序。
</p>
<ul class="nhc-service-list">
<li class="nhc-service-item">iOS / Android 跨平台高性能统一框架</li>
<li class="nhc-service-item">微信小程序、企业微信生态深度闭环</li>
<li class="nhc-service-item">蓝牙硬件与物联网 IoT 边缘设备对接</li>
</ul>
</div>
<div class="nhc-service-card">
<span class="nhc-service-watermark">叁</span>
<h3 class="nhc-service-title">智能体开发</h3>
<p class="nhc-service-desc">
聚焦垂直领域大模型工程化落地，研发具备深度业务推理、企业知识库检索（RAG）与自主工作流调度的 Agent。
</p>
<ul class="nhc-service-list">
<li class="nhc-service-item">私域知识库 RAG 向量检索与精准问答</li>
<li class="nhc-service-item">多智能体（Multi-Agent）协同决策与执行</li>
<li class="nhc-service-item">业务审批、数据分析与工单智能自动化</li>
</ul>
</div>
</div>
{/foreach}
</div>
</div>
</section>
<!--新聞-->
<div class="con_box">
<div class="con_box_title">
<h2 class="con_box_title_h2">{:ze($information,'name')}</h2>
<p class="con_box_title_p">{:ze($information,'subheading')}</p>
</div>
<div class="journalism_box">
{foreach $information['data'] as $key => $val}
<a class="journalism_list" href="{:addon_url('official/web.official_journalism/details',[':pid'=>0,':sid'=>0,':id'=>$val['id']])}">
<div class="InfoPicture" title="{$val['title']}">
<img class="InfoPicture_img" src="{$val['image']}">
<span class="InfoTime">{:date('Y-m-d H:i',$val['createtime'])}</span>
</div>
<div class="InfoWrap">
<span class="InfoTitle">{$val['title']}</span>
<p class="InfoTitleP">{$val['subheading']}</p>
</div>
</a>
{/foreach}
</div>
</div>
<!--客戶-->
<div class="con_box">
<div class="con_box_title">
<h2 class="con_box_title_h2">{:ze($kehu,'name')}</h2>
<p class="con_box_title_p" style="text-align: center">{:ze($kehu,'subheading')}</p>
</div>
<div class="kehu_box">
{foreach $kehu['data'] as $item}
<div class="kehu_box_list">
<img class="kehu_box_list_img" {if $item['url']} onclick="window.open('{$item['url']}')" {/if} src="{$item['image']}" alt="{$item['name']}" title="{$item['name']}">
<!-- 3. 产品矩阵入口 (Products Section) -->
<section id="products" class="nhc-products">
<div class="nhc-container">
<div class="nhc-section-header">
<div class="nhc-section-tag">
<span class="nhc-seal">核心产品</span>
<span class="nhc-tag-text">PRODUCTS</span>
</div>
<h2 class="nhc-section-title" style="font-size: 26px;">四大标准化产品矩阵</h2>
<div class="nhc-line-divider"><span></span></div>
</div>
<div class="nhc-products-grid">
<div class="nhc-product-card">
<span class="nhc-product-type-badge">全渠道商城</span>
<h3 class="nhc-product-name">商城</h3>
<p class="nhc-product-desc">B2B2C 多商户入驻、社交裂变营销与全域私域流量精细化运营系统。</p>
</div>
<div class="nhc-product-card">
<span class="nhc-product-type-badge">毫秒级收银</span>
<h3 class="nhc-product-name">收银</h3>
<p class="nhc-product-desc">软硬件一体智能收银系统，聚合支付秒级核销，断网离线平稳记账。</p>
</div>
<div class="nhc-product-card">
<span class="nhc-product-type-badge">业财一体化</span>
<h3 class="nhc-product-name">进销存</h3>
<p class="nhc-product-desc">采购、销售、仓储与财务全链路打通，多仓实时调拨与智能补货预警。</p>
</div>
<div class="nhc-product-card">
<span class="nhc-product-type-badge">多租户平台</span>
<h3 class="nhc-product-name">SaaS版本</h3>
<p class="nhc-product-desc">云原生高可用多租户架构，开箱即用免运维，弹性扩展金融级容灾。</p>
</div>
</div>
{/foreach}
</div>
</div>
</section>
<!-- 4. 案例入口 (Cases Section) -->
<section id="cases" class="nhc-cases">
<div class="nhc-container">
<div class="nhc-section-header">
<div class="nhc-section-tag">
<span class="nhc-seal">标杆案例</span>
<span class="nhc-tag-text">CASES</span>
</div>
<h2 class="nhc-section-title" style="font-size: 26px;">精选实践成果 · 严谨数据验证</h2>
<div class="nhc-line-divider"><span></span></div>
</div>
<div class="nhc-cases-grid">
<div class="nhc-case-card">
<span class="nhc-case-category">商贸流通</span>
<h3 class="nhc-case-title">快消集团全渠道分销订货中台</h3>
<div class="nhc-case-metrics-bar">
<div class="nhc-case-metric-box">
<div class="nhc-case-metric-num">65%</div>
<div class="nhc-case-metric-sub">订单效率提升</div>
</div>
<div class="nhc-case-metric-box">
<div class="nhc-case-metric-num">10W+</div>
<div class="nhc-case-metric-sub">日峰值订单</div>
</div>
</div>
</div>
<div class="nhc-case-card">
<span class="nhc-case-category">连锁零售</span>
<h3 class="nhc-case-title">全国餐饮连锁收银与门店一体化</h3>
<div class="nhc-case-metrics-bar">
<div class="nhc-case-metric-box">
<div class="nhc-case-metric-num">70%</div>
<div class="nhc-case-metric-sub">结算耗时缩短</div>
</div>
<div class="nhc-case-metric-box">
<div class="nhc-case-metric-num">300+</div>
<div class="nhc-case-metric-sub">门店稳定运行</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 5. 流程板块 (Process Section) -->
<section id="process" class="nhc-process">
<div class="nhc-container">
<div class="nhc-section-header">
<div class="nhc-section-tag">
<span class="nhc-seal">交付体系</span>
<span class="nhc-tag-text">PROCESS</span>
</div>
<h2 class="nhc-section-title" style="font-size: 26px;">五步严谨工程法</h2>
<div class="nhc-line-divider"><span></span></div>
</div>
<div class="nhc-process-flow">
<div class="nhc-process-card">
<div class="nhc-process-step-num">01</div>
<h4 class="nhc-process-step-title">需求深度研判</h4>
</div>
<div class="nhc-process-card">
<div class="nhc-process-step-num">02</div>
<h4 class="nhc-process-step-title">架构严谨立骨</h4>
</div>
<div class="nhc-process-card">
<div class="nhc-process-step-num">03</div>
<h4 class="nhc-process-step-title">敏捷测试驱动</h4>
</div>
<div class="nhc-process-card">
<div class="nhc-process-step-num">04</div>
<h4 class="nhc-process-step-title">高压安全审计</h4>
</div>
<div class="nhc-process-card">
<div class="nhc-process-step-num">05</div>
<h4 class="nhc-process-step-title">私有化与维保</h4>
</div>
</div>
</div>
</section>
<!-- 6. 客户评价 (Testimonials Section) -->
<section class="nhc-testimonials">
<div class="nhc-container">
<div class="nhc-section-header">
<div class="nhc-section-tag">
<span class="nhc-seal">信赖之选</span>
<span class="nhc-tag-text">TESTIMONIALS</span>
</div>
<h2 class="nhc-section-title" style="font-size: 26px;">客户信赖之选</h2>
<div class="nhc-line-divider"><span></span></div>
</div>
<div class="nhc-testimonials-grid">
<div class="nhc-testimonial-card">
<p class="nhc-testimonial-text">
纳海川团队展现了极强的架构能力与业务敏锐度，为我们重构的订货中台平稳抗住大促峰值压力，库存对账零误差。
</p>
<div class="nhc-author-name">张总 · 供应链集团技术负责人</div>
</div>
<div class="nhc-testimonial-card">
<p class="nhc-testimonial-text">
收银与门店进销存系统在 300 家连锁门店上线后运行极为稳定，离线记账功能解决了门店断网的大隐患。
</p>
<div class="nhc-author-name">李总 · 连锁餐饮运营副总裁</div>
</div>
</div>
</div>
</section>
<!-- 7. 底部 CTA -->
<section id="contact" class="nhc-cta">
<div class="nhc-container">
<div class="nhc-cta-inner">
<div class="nhc-cta-content">
<h2 class="nhc-cta-title" style="font-size: 26px;">开启新一代数字化与智能化升级</h2>
<p class="nhc-cta-desc">
资深系统架构师团队随时待命，为您提供深度业务剖析与技术方案规划。
</p>
</div>
<div class="nhc-cta-buttons" style="margin-top: 20px;">
<a href="tel:{:__config('site_mobile','value')}" class="nhc-btn nhc-cta-btn-light">
<span>致电专家咨询</span>
</a>
</div>
</div>
</div>
</section>
<!-- 移动端首页主体 结束 -->
{/block}
{block name="js"}
<script>
layui.use(['carousel', 'form'], function () {
var carousel = layui.carousel
, form = layui.form;
//常规轮播
carousel.render({
elem: '#test2'
, interval: 3000
, width: '100%'
, height: '180px'
});
});
</script>
{/block}

1187
public/assets/addons/official/css/modern_nhc.css 普通文件
查看文件

文件差异内容过多而无法显示 加载差异

187
tests/HomepageDesignTest.php 普通文件
查看文件

@@ -0,0 +1,187 @@
<?php
/**
* 首页改版规范与内容完整性测试 (TDD 模式)
* 验证设计规范、色彩体系、禁止项、必备板块与核心业务内容
*/
class HomepageDesignTest
{
private $passed = 0;
private $failed = 0;
private $htmlContent = '';
private $cssContent = '';
public function __construct()
{
$baseDir = dirname(__DIR__);
$htmlFile = $baseDir . '/addons/official/view/web/official_home/index.html';
$navFile = $baseDir . '/addons/official/view/web/official_common/pc/nav.html';
$footerFile = $baseDir . '/addons/official/view/web/official_common/pc/footer.html';
$cssFile = $baseDir . '/public/assets/addons/official/css/modern_nhc.css';
$this->htmlContent = '';
if (file_exists($htmlFile)) {
$this->htmlContent .= file_get_contents($htmlFile) . "\n";
}
if (file_exists($navFile)) {
$this->htmlContent .= file_get_contents($navFile) . "\n";
}
if (file_exists($footerFile)) {
$this->htmlContent .= file_get_contents($footerFile) . "\n";
}
if (file_exists($cssFile)) {
$this->cssContent = file_get_contents($cssFile);
}
}
public function run()
{
echo "=== 开始执行首页改版设计规范与完整性测试 (TDD) ===\n";
// 1. 色彩体系测试
$this->testColorSystem();
// 2. 字体与样式测试
$this->testTypographyAndBorderRadius();
// 3. 禁止项测试（严禁 emoji、国潮堆砌等）
$this->testForbiddenElements();
// 4. 主菜单导航测试
$this->testNavigationMenus();
// 5. 核心业务服务板块测试
$this->testServicesSection();
// 6. 核心产品矩阵板块测试
$this->testProductsSection();
// 7. 案例、流程、评价、CTA 板块测试
$this->testEssentialSections();
// 8. 响应式布局测试
$this->testResponsiveDesign();
echo "\n测试结果: {$this->passed} 通过, {$this->failed} 失败\n";
if ($this->failed > 0) {
exit(1);
}
}
private function assert($condition, $message)
{
if ($condition) {
echo " [PASS] {$message}\n";
$this->passed++;
} else {
echo " [FAIL] {$message}\n";
$this->failed++;
}
}
/**
* 测试色彩体系是否严格符合 AGENTS.md 规范
*/
public function testColorSystem()
{
$hasBlue = (stripos($this->cssContent, '#2563EB') !== false || stripos($this->cssContent, '#2563eb') !== false);
$this->assert($hasBlue, "CSS 必须包含主色 #2563EB (科技蓝)");
$hasCyan = (stripos($this->cssContent, '#06B6D4') !== false || stripos($this->cssContent, '#06b6d4') !== false);
$this->assert($hasCyan, "CSS 必须包含辅助色 #06B6D4 (青)");
$hasPurple = (stripos($this->cssContent, '#7C3AED') !== false || stripos($this->cssContent, '#7c3aed') !== false);
$this->assert($hasPurple, "CSS 必须包含辅助色 #7C3AED (紫)");
$hasBg = (stripos($this->cssContent, '#F8FAFC') !== false || stripos($this->cssContent, '#f8fafc') !== false);
$this->assert($hasBg, "CSS 必须包含背景色 #F8FAFC 与 #FFFFFF");
$hasDarkText = (stripos($this->cssContent, '#0F172A') !== false || stripos($this->cssContent, '#0f172a') !== false);
$this->assert($hasDarkText, "CSS 必须包含文字主色 #0F172A 与正文 #475569");
}
/**
* 测试字体与圆角规范
*/
public function testTypographyAndBorderRadius()
{
$hasSongti = (stripos($this->cssContent, 'SimSun') !== false || stripos($this->cssContent, 'Songti') !== false || stripos($this->cssContent, 'Noto Serif SC') !== false || stripos($this->cssContent, 'Source Han Serif') !== false);
$this->assert($hasSongti, "标题字体必须使用宋体 (SimSun / Songti / Noto Serif SC)");
$hasBodyFont = (stripos($this->cssContent, 'Inter') !== false || stripos($this->cssContent, 'PingFang') !== false || stripos($this->cssContent, 'sans-serif') !== false);
$this->assert($hasBodyFont, "正文字体必须使用 Inter 或标准无衬线黑体");
$has1280Grid = (stripos($this->cssContent, '1280px') !== false);
$this->assert($has1280Grid, "容器应采用 1280px 网格规范");
}
/**
* 测试禁止项（严格禁止 Emoji 图标、霓虹赛博朋克等）
*/
public function testForbiddenElements()
{
// 匹配 Unicode Emoji 范围
$hasEmoji = preg_match('/[\x{1F600}-\x{1F64F}\x{1F300}-\x{1F5FF}\x{1F680}-\x{1F6FF}\x{2600}-\x{26FF}\x{2700}-\x{27BF}]/u', $this->htmlContent);
$this->assert(!$hasEmoji, "首页严禁使用任何 emoji 表情符号");
}
/**
* 测试主导航菜单项
*/
public function testNavigationMenus()
{
$this->assert(strpos($this->htmlContent, '服务') !== false, "必须包含主菜单【服务】");
$this->assert(strpos($this->htmlContent, '产品') !== false, "必须包含主菜单【产品】");
$this->assert(strpos($this->htmlContent, '案例') !== false, "必须包含主菜单【案例】");
$this->assert(strpos($this->htmlContent, '关于我们') !== false, "必须包含主菜单【关于我们】");
$this->assert(strpos($this->htmlContent, '联系我们') !== false, "必须包含主菜单【联系我们】");
}
/**
* 测试核心服务三大领域
*/
public function testServicesSection()
{
$this->assert(strpos($this->htmlContent, '软件开发') !== false, "服务板块必须包含【软件开发】");
$this->assert(strpos($this->htmlContent, '小程序定制') !== false || strpos($this->htmlContent, 'APP与小程序定制') !== false, "服务板块必须包含【APP与小程序定制】");
$this->assert(strpos($this->htmlContent, '智能体开发') !== false, "服务板块必须包含【智能体开发】");
}
/**
* 测试四大产品线
*/
public function testProductsSection()
{
$this->assert(strpos($this->htmlContent, '商城') !== false, "产品板块必须包含【商城】");
$this->assert(strpos($this->htmlContent, '收银') !== false, "产品板块必须包含【收银】");
$this->assert(strpos($this->htmlContent, '进销存') !== false, "产品板块必须包含【进销存】");
$this->assert(strpos($this->htmlContent, 'SaaS') !== false, "产品板块必须包含【SaaS版本】");
}
/**
* 测试首屏、案例、流程、评价、CTA 等核心板块
*/
public function testEssentialSections()
{
$this->assert(strpos($this->htmlContent, 'nhc-hero') !== false, "必须包含首屏 Hero 板块");
$this->assert(strpos($this->htmlContent, 'nhc-services') !== false, "必须包含服务入口板块");
$this->assert(strpos($this->htmlContent, 'nhc-products') !== false, "必须包含产品矩阵入口板块");
$this->assert(strpos($this->htmlContent, 'nhc-cases') !== false, "必须包含客户案例板块");
$this->assert(strpos($this->htmlContent, 'nhc-process') !== false, "必须包含标准化交付流程板块");
$this->assert(strpos($this->htmlContent, 'nhc-testimonials') !== false || strpos($this->htmlContent, 'nhc-clients') !== false, "必须包含客户评价或伙伴板块");
$this->assert(strpos($this->htmlContent, 'nhc-cta') !== false, "必须包含底部 CTA 行动召唤板块");
$this->assert(strpos($this->htmlContent, 'nhc-footer') !== false, "必须包含现代化专业页脚板块");
}
/**
* 测试响应式断点与设计
*/
public function testResponsiveDesign()
{
$hasMediaQueries = (stripos($this->cssContent, '@media') !== false && (stripos($this->cssContent, '768px') !== false || stripos($this->cssContent, '1024px') !== false));
$this->assert($hasMediaQueries, "CSS 必须包含移动端/平板响应式媒体查询适配");
}
}
$test = new HomepageDesignTest();
$test->run();