feat: 全站改版为科技首页风格，重构导航与产品页面
- 品牌更名 Easy Data Collection - 导航重构：前沿技术研究 / 工具开发 / 资源中心 / License / 博客（含下拉菜单） - 新增前沿技术研究聚合页、工具开发产品页与 6 个产品独立介绍页 - License 申请 / 查询下载 / 资源包合并为 License 中心，旧路径保留兼容 - 首页与全站样式升级为科技产品风（Apple/Wise 式） - 博客构建脚本同步更新（新导航 + 新首页）
This commit is contained in:
@@ -0,0 +1,159 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>工具开发 | Easy Data Collection</title>
|
||||
<meta name="description" content="工具开发 —— Sequence-Diagram 时序图设计器、Uni-Viewer 文件预览组件、Engineer Craft 工程设计平台、五行观察者、UniTouch 工控交互与 EDC Lite ERP。">
|
||||
<meta name="keywords" content="工具开发, Sequence-Diagram, Uni-Viewer, Engineer Craft, UniTouch, EDC Lite ERP">
|
||||
<link rel="stylesheet" href="/static/css/style.css">
|
||||
<link rel="icon" href="/static/img/logo.svg" type="image/svg+xml">
|
||||
<script src="/static/js/nav.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<header class="site-header">
|
||||
<div class="container header-inner">
|
||||
<a class="brand" href="/">
|
||||
<img src="/static/img/logo.svg" alt="Easy Data Collection">
|
||||
<span class="brand-name">Easy Data Collection</span>
|
||||
</a>
|
||||
<nav class="main-nav" id="mainNav">
|
||||
<div class="nav-item has-dropdown">
|
||||
<a class="nav-link" href="/research/">前沿技术研究</a>
|
||||
<button class="nav-caret" type="button" aria-label="展开前沿技术研究">▾</button>
|
||||
<div class="dropdown">
|
||||
<a href="http://124.220.63.9:25000">Research Digest</a>
|
||||
<a href="/research/neural/">Neural Research</a>
|
||||
<a href="/research/reslib/">ResLib</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="nav-item has-dropdown">
|
||||
<a class="nav-link active" href="/tools/">工具开发</a>
|
||||
<button class="nav-caret" type="button" aria-label="展开工具开发">▾</button>
|
||||
<div class="dropdown">
|
||||
<a href="/tools/sequence-diagram/">Sequence-Diagram</a>
|
||||
<a href="/tools/uni-viewer/">Uni-Viewer</a>
|
||||
<a href="/tools/engineer-craft/">Engineer Craft</a>
|
||||
<a href="/tools/five-phases-observer/">The Five Phases Observer</a>
|
||||
<a href="/tools/unitouch/">UniTouch Interface</a>
|
||||
<a href="/tools/edc-lite-erp/">EDC Lite ERP</a>
|
||||
</div>
|
||||
</div>
|
||||
<a class="nav-link" href="/resources/">资源中心</a>
|
||||
<div class="nav-item has-dropdown">
|
||||
<a class="nav-link" href="/license/">License</a>
|
||||
<button class="nav-caret" type="button" aria-label="展开 License">▾</button>
|
||||
<div class="dropdown">
|
||||
<a href="/license/apply">申请 License</a>
|
||||
<a href="/license/status">查询 / 下载</a>
|
||||
<a href="/license/package">资源包获取</a>
|
||||
</div>
|
||||
</div>
|
||||
<a class="nav-link" href="/blog/">博客</a>
|
||||
</nav>
|
||||
<button class="nav-toggle" id="navToggle" aria-label="菜单">☰</button>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<section class="page-hero">
|
||||
<div class="container">
|
||||
<p class="hero-eyebrow">TOOLS · 工具开发</p>
|
||||
<h1>为工程现场造的软件</h1>
|
||||
<p class="page-hero-sub">每一款工具都来自真实项目的需求：节拍设计、文件预览、工程计算、工控交互、资源计划与决策协议。独立研发、私有部署、持续迭代。</p>
|
||||
<div class="hero-stats">
|
||||
<div class="hero-stat"><b>6</b><span>自研产品线</span></div>
|
||||
<div class="hero-stat"><b>100%</b><span>私有化部署</span></div>
|
||||
<div class="hero-stat"><b>Desktop · Web · Edge</b><span>多端形态</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="section-head">
|
||||
<h2 class="section-title">产品矩阵</h2>
|
||||
<p class="section-desc">点击任意产品进入独立介绍页，查看功能、架构与技术细节。</p>
|
||||
</div>
|
||||
<div class="product-grid">
|
||||
<a class="product-card" href="/tools/sequence-diagram/">
|
||||
<div class="product-icon" style="--v1:#7a3df5;--v2:#22c8ff">◷</div>
|
||||
<span class="product-meta">Flutter Desktop</span>
|
||||
<h3>Sequence-Diagram 时序图设计器</h3>
|
||||
<p>面向 PLC 流程节拍与相位角设计：条形节拍与圆周节拍双视图、FS/SS 依赖、关键路径、SVG / PNG 导出。</p>
|
||||
<span class="product-link">了解详情 →</span>
|
||||
</a>
|
||||
<a class="product-card" href="/tools/uni-viewer/">
|
||||
<div class="product-icon" style="--v1:#0a6cff;--v2:#46d1ff">◉</div>
|
||||
<span class="product-meta">TypeScript · Web Component</span>
|
||||
<h3>Uni-Viewer 文件预览组件</h3>
|
||||
<p>纯前端、不出网的文件预览：271 个扩展名、47 条预览链路，覆盖 Office、CAD、压缩包、邮件、音视频与二进制检查。</p>
|
||||
<span class="product-link">了解详情 →</span>
|
||||
</a>
|
||||
<a class="product-card" href="/tools/engineer-craft/">
|
||||
<div class="product-icon" style="--v1:#0a9e6e;--v2:#7ad9a8">⚙</div>
|
||||
<span class="product-meta">Vue 3 · Vite · TypeScript</span>
|
||||
<h3>Engineer Craft 工程设计平台</h3>
|
||||
<p>流程工业智能设计平台：31 个工程计算模块、URS 与计算书、项目中心、AI 审查存档，一体化快速交付。</p>
|
||||
<span class="product-link">了解详情 →</span>
|
||||
</a>
|
||||
<a class="product-card" href="/tools/five-phases-observer/">
|
||||
<div class="product-icon" style="--v1:#b8860b;--v2:#ffd166">✦</div>
|
||||
<span class="product-meta">Python · 协议栈</span>
|
||||
<h3>The Five Phases Observer</h3>
|
||||
<p>五行观察者 · GAP 公理协议：90 域观测协议与 720 个可证伪锚点，让重大决策可以被编译、记录与证伪。</p>
|
||||
<span class="product-link">了解详情 →</span>
|
||||
</a>
|
||||
<a class="product-card" href="/tools/unitouch/">
|
||||
<div class="product-icon" style="--v1:#e05252;--v2:#ff9a62">▦</div>
|
||||
<span class="product-meta">Flutter · FFI · MQTT</span>
|
||||
<h3>UniTouch Interface</h3>
|
||||
<p>运行于嵌入式工控机的设备控制软件，替代传统 HMI：多协议统一抽象，Windows / Linux / Android 全平台。</p>
|
||||
<span class="product-link">了解详情 →</span>
|
||||
</a>
|
||||
<a class="product-card" href="/tools/edc-lite-erp/">
|
||||
<div class="product-icon" style="--v1:#0f2f6b;--v2:#2a6df5">▣</div>
|
||||
<span class="product-meta">Electron · MySQL</span>
|
||||
<h3>EDC Lite ERP</h3>
|
||||
<p>轻量资源计划与制造管理系统研究项目：物料编码、进销存、配方与扫码称配、数据大屏、权限审计全链路。</p>
|
||||
<span class="product-link">了解详情 →</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section section-alt">
|
||||
<div class="container">
|
||||
<div class="cta-band">
|
||||
<div>
|
||||
<h2>需要私有化落地或定制开发？</h2>
|
||||
<p>所有工具均支持企业内网部署与功能定制，从标准件库到数据采集均可按业务流程适配。</p>
|
||||
</div>
|
||||
<div class="hero-actions">
|
||||
<a href="/resources/" class="btn btn-light">查看资源中心</a>
|
||||
<a href="/blog/" class="btn btn-outline-light">阅读博客</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer class="site-footer">
|
||||
<div class="container footer-inner">
|
||||
<div class="footer-brand">
|
||||
<img src="/static/img/logo.svg" alt="">
|
||||
<span>Easy Data Collection</span>
|
||||
</div>
|
||||
<span>Copyright © 2026 Easy Data Collection. All rights reserved.</span>
|
||||
<span class="footer-links">
|
||||
<a href="/resources/">资源中心</a><span class="sep">·</span>
|
||||
<a href="/license/">License</a><span class="sep">·</span>
|
||||
<a href="/admin">管理页面</a><span class="sep">·</span>
|
||||
<a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener">苏ICP备2026056863号</a>
|
||||
</span>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user