Main Page: Difference between revisions

@@ Line 1: / Line 1: @@
 __NOTOC__
-<div class="techdocs-hero">
+<div class="catalog-shell">
-<div class="techdocs-hero__eyebrow">TECHNICAL DOCUMENTATION</div>
+<div class="catalog-topbar">
-<div class="techdocs-hero__title">技术文档中心</div>
+<div class="catalog-topbar__inner">
-<div class="techdocs-hero__summary">集中管理芯片资料、开发板手册、参考设计、机械图纸、软件工具与版本记录。</div>
+<div class="catalog-brand"><span class="catalog-brand__mark"><span></span><span></span><span></span></span><span>Creative development board</span></div>
+<div class="catalog-nav"><span>[[Main_Page|首页]]</span><span class="is-active">[[产品目录|产品目录]]</span><span>[[:Category:示例文档|创客空间]]</span><span>[[Help:管理员操作指南|联系我们]]</span></div>
+</div>
+</div>
+<div class="catalog-page">
+<div class="catalog-sidebar">
+<div class="catalog-sidebar__title">产品分类</div>
+<div class="catalog-sidebar__body">
+<div class="catalog-sidebar__all">[[产品目录|全部分类]]</div>
+<div class="catalog-sidebar__group is-open"><div class="catalog-sidebar__group-title">Arduino 项目 <span>⌃</span></div><div class="catalog-sidebar__items"><span>温控系统</span><span>智能家居</span><span>传感器应用</span><span>显示设备</span></div></div>
+<div class="catalog-sidebar__group"><div class="catalog-sidebar__group-title">树莓派项目 <span>⌄</span></div></div>
+<div class="catalog-sidebar__group"><div class="catalog-sidebar__group-title">ESP32 项目 <span>⌄</span></div></div>
+<div class="catalog-sidebar__group"><div class="catalog-sidebar__group-title">STM32 项目 <span>⌄</span></div></div>
+</div>
+</div>
+<div class="catalog-content">
+<div class="catalog-search">
+<span class="catalog-search__icon">⌕</span>
 <inputbox>
 type=search
-placeholder=搜索型号、芯片、接口或文档关键词
+placeholder=搜索项目名称或描述...
-buttonlabel=搜索文档
+buttonlabel=搜索
-searchbuttonlabel=全文搜索
 break=no
 </inputbox>
 </div>
-<div class="techdocs-section-heading">
+<div class="catalog-grid">
-<div><span class="techdocs-kicker">DOCUMENT LIBRARY</span><h2>文档分类</h2></div>
+<div class="catalog-card">
-<span class="techdocs-section-note">按硬件平台与资料类型快速定位</span>
+<div class="catalog-card__media">[[File:Smart-fan.jpg|640px|link=TDX1000 示例芯片|智能温控风扇系统]]<span class="catalog-badge catalog-badge--green">入门</span></div>
+<div class="catalog-card__body"><div class="catalog-meta"><span class="catalog-chip">Arduino</span><span>● 12,580 浏览</span></div><h3>[[TDX1000 示例芯片|Arduino 智能温控风扇系统]]</h3><p>基于 Arduino 的温度自动控制系统，通过传感器实时监测环境温度，自动调节风扇转速。</p><div class="catalog-card__footer"><span>♟ 电子达人</span><span>[[TDX1000 示例芯片|查看详情 →]]</span></div></div>
 </div>
-<div class="techdocs-category-grid">
+<div class="catalog-card">
-<div class="techdocs-category-card"><span class="techdocs-category-card__icon">MCU</span><h3>[[:Category:芯片与MCU|芯片 / MCU]]</h3><p>数据手册、引脚定义、应用指南和芯片选型资料。</p><span class="techdocs-category-card__link">浏览分类 →</span></div>
+<div class="catalog-card__media">[[File:Smart-home-hub.jpg|640px|link=TDX1000 示例芯片|树莓派家庭智能中控]]<span class="catalog-badge catalog-badge--amber">进阶</span></div>
-<div class="techdocs-category-card"><span class="techdocs-category-card__icon">DEV</span><h3>[[:Category:开发板|开发板]]</h3><p>核心板、评估板、扩展板和快速入门教程。</p><span class="techdocs-category-card__link">浏览分类 →</span></div>
+<div class="catalog-card__body"><div class="catalog-meta"><span class="catalog-chip">树莓派</span><span>● 8,960 浏览</span></div><h3>[[TDX1000 示例芯片|树莓派家庭智能中控]]</h3><p>使用树莓派搭建家庭自动化控制中心，集成灯光控制、温湿度监测与安防监控等功能。</p><div class="catalog-card__footer"><span>♟ 创客小王</span><span>[[TDX1000 示例芯片|查看详情 →]]</span></div></div>
-<div class="techdocs-category-card"><span class="techdocs-category-card__icon">HMI</span><h3>[[:Category:显示与人机|显示与人机]]</h3><p>LCD、触控屏、电子纸和图形界面开发资料。</p><span class="techdocs-category-card__link">浏览分类 →</span></div>
-<div class="techdocs-category-card"><span class="techdocs-category-card__icon">COM</span><h3>[[:Category:通信接口|通信接口]]</h3><p>无线、有线通信、总线协议和接口转换方案。</p><span class="techdocs-category-card__link">浏览分类 →</span></div>
-<div class="techdocs-category-card"><span class="techdocs-category-card__icon">SEN</span><h3>[[:Category:传感器与执行器|传感器与执行器]]</h3><p>传感器、驱动器、电机和控制模块技术资料。</p><span class="techdocs-category-card__link">浏览分类 →</span></div>
-<div class="techdocs-category-card"><span class="techdocs-category-card__icon">SDK</span><h3>[[:Category:软件与工具|软件与工具]]</h3><p>SDK、固件、示例代码、烧录和调试工具。</p><span class="techdocs-category-card__link">浏览分类 →</span></div>
 </div>
-<div class="techdocs-feature-grid">
+<div class="catalog-card">
-<div class="techdocs-feature-panel">
+<div class="catalog-card__media">[[File:Bluetooth-rover.jpg|640px|link=TDX1000 示例芯片|ESP32 蓝牙遥控小车]]<span class="catalog-badge catalog-badge--amber">进阶</span></div>
-<span class="techdocs-kicker">FEATURED DOCUMENT</span>
+<div class="catalog-card__body"><div class="catalog-meta"><span class="catalog-chip">ESP32</span><span>● 15,420 浏览</span></div><h3>[[TDX1000 示例芯片|ESP32 蓝牙遥控小车]]</h3><p>基于 ESP32 的蓝牙遥控智能小车，支持手机控制，并配备超声波避障功能。</p><div class="catalog-card__footer"><span>♟ 机器人爱好者</span><span>[[TDX1000 示例芯片|查看详情 →]]</span></div></div>
-<h2>[[TDX1000 示例芯片|TDX1000 示例芯片]]</h2>
-<p>查看结构化产品信息、接口参数、快速入门、PDF 技术资料与 DXF 图纸下载的完整示例。</p>
-<div class="techdocs-actions">[[TDX1000 示例芯片|查看示例文档]]　[[Special:AllPages|全部页面]]</div>
 </div>
-<div class="techdocs-feature-panel techdocs-feature-panel--muted">
-<span class="techdocs-kicker">FOR EDITORS</span>
+<div class="catalog-card">
-<h2>管理员工作入口</h2>
+<div class="catalog-card__media">[[File:Development-kit.jpg|640px|link=TDX1000 示例芯片|STM32 嵌入式开发套件]]<span class="catalog-badge catalog-badge--red">高级</span></div>
-<p>管理员登录后可使用可视化编辑器维护页面、上传新版本附件，并通过历史记录安全回退。</p>
+<div class="catalog-card__body"><div class="catalog-meta"><span class="catalog-chip">STM32</span><span>● 9,870 浏览</span></div><h3>[[TDX1000 示例芯片|STM32 嵌入式开发套件]]</h3><p>整合核心板、显示模块和常用传感器的开发套件，适用于嵌入式系统课程与原型验证。</p><div class="catalog-card__footer"><span>♟ 嵌入式工坊</span><span>[[TDX1000 示例芯片|查看详情 →]]</span></div></div>
-<div class="techdocs-actions">[[Help:管理员操作指南|查看操作指南]]　[[Special:UserLogin|管理员登录]]</div>
 </div>
+<div class="catalog-card">
+<div class="catalog-card__media">[[File:Led-matrix.jpg|640px|link=TDX1000 示例芯片|LED 创意点阵显示屏]]<span class="catalog-badge catalog-badge--green">入门</span></div>
+<div class="catalog-card__body"><div class="catalog-meta"><span class="catalog-chip">显示设备</span><span>● 6,350 浏览</span></div><h3>[[TDX1000 示例芯片|LED 创意点阵显示屏]]</h3><p>模块化蓝色 LED 点阵项目，可显示动画、传感器数据和自定义图案，适合快速学习显示驱动。</p><div class="catalog-card__footer"><span>♟ 光电实验室</span><span>[[TDX1000 示例芯片|查看详情 →]]</span></div></div>
 </div>
-<div class="techdocs-notice">本网站当前为首期框架与原创演示内容。TDX1000 是虚构型号，不对应真实产品。</div>
+<div class="catalog-card">
+<div class="catalog-card__media">[[File:Mcu-modules.jpg|640px|link=TDX1000 示例芯片|多平台控制器选型包]]<span class="catalog-badge catalog-badge--red">高级</span></div>
+<div class="catalog-card__body"><div class="catalog-meta"><span class="catalog-chip">MCU</span><span>● 11,280 浏览</span></div><h3>[[TDX1000 示例芯片|多平台控制器选型包]]</h3><p>收录多种尺寸与性能等级的通用控制器模块，便于进行接口、功耗与应用场景对比。</p><div class="catalog-card__footer"><span>♟ 硬件选型组</span><span>[[TDX1000 示例芯片|查看详情 →]]</span></div></div>
+</div>
+</div>
+</div>
+</div>
+</div>