beifan/company-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: overhaul UI architecture

Browse Source
This commit is contained in:
郑肖毅
2026-02-11 13:34:44 +08:00
parent 9d5fa108e5
commit 5453a8f462
4 changed files with 16 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
.astro/types.d.ts vendored
View File

@@ -1,2 +1 @@
/// <reference types="astro/client" /> /// <reference types="astro/client" />
/// <reference path="content.d.ts" />

20
src/components/sections/AIModel.astro
View File

@@ -327,24 +327,24 @@
<h4 class="text-xl font-bold text-orange-600">传统算法</h4> <h4 class="text-xl font-bold text-orange-600">传统算法</h4>
</div> </div>
<div class="bg-slate-50 p-6 rounded-2xl border border-slate-100"> <div class="bg-slate-50 p-6 rounded-2xl border-2 border-slate-300 shadow-sm">
<h5 class="text-lg font-bold text-gray-800 mb-3">1. 场景识别</h5> <h5 class="text-lg font-bold text-gray-800 mb-3">1. 场景识别</h5>
<p class="text-gray-600 leading-relaxed"> <p class="text-gray-600 leading-relaxed">
依赖像素、颜色等固定特征，场景、光照一旦变化，识别能力便会失效，<span class="font-semibold text-gray-700">泛化能力弱</span>。 依赖固定特征，场景一旦变化，识别能力便会失效，<span class="font-semibold text-gray-700">泛化能力弱</span>。
</p> </p>
</div> </div>
<div class="bg-slate-50 p-6 rounded-2xl border border-slate-100"> <div class="bg-slate-50 p-6 rounded-2xl border-2 border-slate-300 shadow-sm">
<h5 class="text-lg font-bold text-gray-800 mb-3">2. 误报警处理</h5> <h5 class="text-lg font-bold text-gray-800 mb-3">2. 误报警处理</h5>
<p class="text-gray-600 leading-relaxed"> <p class="text-gray-600 leading-relaxed">
无法区分真实威胁与环境干扰，<span class="font-semibold text-gray-700">误报率高</span>，耗费大量安保人力。 无法区分真实威胁与环境干扰，<span class="font-semibold text-gray-700">误报率高</span>，耗费大量安保人力。
</p> </p>
</div> </div>
<div class="bg-slate-50 p-6 rounded-2xl border border-slate-100"> <div class="bg-slate-50 p-6 rounded-2xl border-2 border-slate-300 shadow-sm">
<h5 class="text-lg font-bold text-gray-800 mb-3">3. 新任务部署</h5> <h5 class="text-lg font-bold text-gray-800 mb-3">3. 新任务部署</h5>
<p class="text-gray-600 leading-relaxed"> <p class="text-gray-600 leading-relaxed">
增加识别任务需重新编程和数周模型训练，且不能保证训练效果，<span class="font-semibold text-gray-700">成本高、周期长</span>。 增加识别任务需重新编程和数周调试，且不能保证效果，<span class="font-semibold text-gray-700">成本高、周期长</span>。
</p> </p>
</div> </div>
</div> </div>
@@ -357,21 +357,21 @@
<h4 class="text-xl font-bold text-blue-600">AI大模型</h4> <h4 class="text-xl font-bold text-blue-600">AI大模型</h4>
</div> </div>
<div class="bg-blue-600 p-6 rounded-2xl shadow-lg shadow-blue-100"> <div class="bg-blue-600 p-6 rounded-2xl border-2 border-blue-700 shadow-lg shadow-blue-100">
<h5 class="text-lg font-bold text-white mb-3">1. 场景识别</h5> <h5 class="text-lg font-bold text-white mb-3">1. 场景识别</h5>
<p class="text-blue-100 leading-relaxed"> <p class="text-blue-100 leading-relaxed">
模拟人类视觉进行上下文理解，能<span class="font-semibold text-white">自主适应复杂、多变的环境</span>，准确识别目标。 模拟人类视觉进行理解，能<span class="font-semibold text-white">自主适应复杂、多变的环境</span>，准确识别目标。
</p> </p>
</div> </div>
<div class="bg-blue-600 p-6 rounded-2xl shadow-lg shadow-blue-100"> <div class="bg-blue-600 p-6 rounded-2xl border-2 border-blue-700 shadow-lg shadow-blue-100">
<h5 class="text-lg font-bold text-white mb-3">2. 误报警处理</h5> <h5 class="text-lg font-bold text-white mb-3">2. 误报警处理</h5>
<p class="text-blue-100 leading-relaxed"> <p class="text-blue-100 leading-relaxed">
通过逻辑推理过滤无效信息，能识别"飘动的塑料袋"而非"火焰"，<span class="font-semibold text-white">显著降低误报</span>。 通过逻辑推理过滤无效信息，准确识别目标特征，<span class="font-semibold text-white">显著降低误报</span>。
</p> </p>
</div> </div>
<div class="bg-blue-600 p-6 rounded-2xl shadow-lg shadow-blue-100"> <div class="bg-blue-600 p-6 rounded-2xl border-2 border-blue-700 shadow-lg shadow-blue-100">
<h5 class="text-lg font-bold text-white mb-3">3. 新任务部署</h5> <h5 class="text-lg font-bold text-white mb-3">3. 新任务部署</h5>
<p class="text-blue-100 leading-relaxed"> <p class="text-blue-100 leading-relaxed">
具备<span class="font-semibold text-white">零样本/小样本学习能力</span>，仅需少量样本即可在短时间内完成部署。 具备<span class="font-semibold text-white">零样本/小样本学习能力</span>，仅需少量样本即可在短时间内完成部署。

8
src/components/sections/Customization.astro
View File

@@ -101,7 +101,7 @@
<span class="text-indigo-600 border border-indigo-200 px-1.5 py-0.5 rounded-md">风险预警</span> <span class="text-indigo-600 border border-indigo-200 px-1.5 py-0.5 rounded-md">风险预警</span>
<span class="text-indigo-600 border border-indigo-200 px-1.5 py-0.5 rounded-md">危化品管理</span> <span class="text-indigo-600 border border-indigo-200 px-1.5 py-0.5 rounded-md">危化品管理</span>
</div> </div>
<p class="text-gray-700 leading-relaxed font-semibold">为化工企业提供全方位的安全管控，通过AI技术实时监控生产环境，防止事故发生。</p> <p class="text-gray-700 leading-relaxed font-semibold">提供全方位的安全管控，实时监控生产环境，防止事故发生。</p>
</div> </div>
<div class="group bg-white p-6 rounded-[2rem] border border-slate-100 shadow-sm hover:shadow-xl hover:border-indigo-200 transition-all duration-500 flex flex-col"> <div class="group bg-white p-6 rounded-[2rem] border border-slate-100 shadow-sm hover:shadow-xl hover:border-indigo-200 transition-all duration-500 flex flex-col">
@@ -122,7 +122,7 @@
<span class="text-indigo-600 border border-indigo-200 px-1.5 py-0.5 rounded-md">质量追溯</span> <span class="text-indigo-600 border border-indigo-200 px-1.5 py-0.5 rounded-md">质量追溯</span>
<span class="text-indigo-600 border border-indigo-200 px-1.5 py-0.5 rounded-md">工艺优化</span> <span class="text-indigo-600 border border-indigo-200 px-1.5 py-0.5 rounded-md">工艺优化</span>
</div> </div>
<p class="text-gray-700 leading-relaxed font-semibold">提升生产效率的同时，确保生产过程安全可控，减少安全事故风险。</p> <p class="text-gray-700 leading-relaxed font-semibold">提升生产效率的同时，确保生产过程安全可控，减少事故风险。</p>
</div> </div>
<div class="group bg-white p-6 rounded-[2rem] border border-slate-100 shadow-sm hover:shadow-xl hover:border-indigo-200 transition-all duration-500 flex flex-col"> <div class="group bg-white p-6 rounded-[2rem] border border-slate-100 shadow-sm hover:shadow-xl hover:border-indigo-200 transition-all duration-500 flex flex-col">
@@ -164,7 +164,7 @@
<span class="text-indigo-600 border border-indigo-200 px-1.5 py-0.5 rounded-md">紧急求助</span> <span class="text-indigo-600 border border-indigo-200 px-1.5 py-0.5 rounded-md">紧急求助</span>
<span class="text-indigo-600 border border-indigo-200 px-1.5 py-0.5 rounded-md">智能护理</span> <span class="text-indigo-600 border border-indigo-200 px-1.5 py-0.5 rounded-md">智能护理</span>
</div> </div>
<p class="text-gray-700 leading-relaxed font-semibold">为老年人提供安全保障，实时监测健康状况，及时响应紧急情况。</p> <p class="text-gray-700 leading-relaxed font-semibold">为老年人提供安全保障，实时监测健康状况，响应紧急情况。</p>
</div> </div>
<div class="group bg-white p-6 rounded-[2rem] border border-slate-100 shadow-sm hover:shadow-xl hover:border-indigo-200 transition-all duration-500 flex flex-col"> <div class="group bg-white p-6 rounded-[2rem] border border-slate-100 shadow-sm hover:shadow-xl hover:border-indigo-200 transition-all duration-500 flex flex-col">
@@ -185,7 +185,7 @@
<span class="text-indigo-600 border border-indigo-200 px-1.5 py-0.5 rounded-md">智慧城市</span> <span class="text-indigo-600 border border-indigo-200 px-1.5 py-0.5 rounded-md">智慧城市</span>
<span class="text-indigo-600 border border-indigo-200 px-1.5 py-0.5 rounded-md">政务服务</span> <span class="text-indigo-600 border border-indigo-200 px-1.5 py-0.5 rounded-md">政务服务</span>
</div> </div>
<p class="text-gray-700 leading-relaxed font-semibold">提升城市治理水平，加强公共安全管理，保障市民生命财产安全。</p> <p class="text-gray-700 leading-relaxed font-semibold">提升城市治理水平，加强公共安全管理，保障生命财产安全。</p>
</div> </div>
<div class="group bg-white p-6 rounded-[2rem] border border-slate-100 shadow-sm hover:shadow-xl hover:border-indigo-200 transition-all duration-500 flex flex-col"> <div class="group bg-white p-6 rounded-[2rem] border border-slate-100 shadow-sm hover:shadow-xl hover:border-indigo-200 transition-all duration-500 flex flex-col">

4
src/layouts/Layout.astro
View File

@@ -39,7 +39,7 @@ function getMobileNavLinkClass(itemId: string) {
<header id="navbar" class="fixed w-full top-0 z-50 transition-all duration-300 bg-white/95 backdrop-blur-md shadow-lg border-b border-gray-100"> <header id="navbar" class="fixed w-full top-0 z-50 transition-all duration-300 bg-white/95 backdrop-blur-md shadow-lg border-b border-gray-100">
<div class="max-w-7xl mx-auto px-4 lg:px-0 py-3 flex items-center justify-between hidden lg:flex"> <div class="max-w-7xl mx-auto px-4 lg:px-0 py-3 flex items-center justify-between hidden lg:flex">
<a href="/" class="flex items-center space-x-3"> <a href="/" class="flex items-center space-x-3">
<img src="/img/logo.png" alt="浙江贝凡 Logo" class="h-10 w-auto"> <img src="/img/logo.png" alt="浙江贝凡 Logo" class="h-8 w-auto">
</a> </a>
<nav class="hidden lg:flex items-center gap-3"> <nav class="hidden lg:flex items-center gap-3">
{ {
@@ -60,7 +60,7 @@ function getMobileNavLinkClass(itemId: string) {
<!-- Mobile Header - First Row --> <!-- Mobile Header - First Row -->
<div id="mobile-header-row" class="lg:hidden flex items-center justify-between px-4 py-3 bg-white border-b border-gray-100"> <div id="mobile-header-row" class="lg:hidden flex items-center justify-between px-4 py-3 bg-white border-b border-gray-100">
<a href="/" class="flex items-center space-x-2"> <a href="/" class="flex items-center space-x-2">
<img src="/img/logo.png" alt="浙江贝凡 Logo" class="h-8 w-auto"> <img src="/img/logo.png" alt="浙江贝凡 Logo" class="h-6 w-auto">
</a> </a>
</div> </div>
</header> </header>