项目简介
Preclinic 是一款医疗/医院管理方向的 Bootstrap 管理后台模板的配套文档站点，提供 HTML、Angular、React、Vue、Laravel、Node.js 六个技术版本的产品介绍入口，适合用于选择或采购医院管理系统前端模板。
技术栈
- Bootstrap 5（CSS 框架）
- jQuery 3.7.1（DOM 操作与交互）
- Prism.js（代码高亮）
- Feather Icons（图标库）
- Poppins + Nunito（Google Fonts）
项目结构
text
preclinic-166/
├── documentation/
│ ├── index.html # 文档首页（技术栈选择入口）
│ ├── html.html # 纯 HTML 版文档
│ ├── angular.html # Angular 版文档
│ ├── react.html # React 版文档
│ ├── vue.html # Vue 版文档
│ ├── laravel.html # Laravel 版文档
│ ├── nodejs.html # Node.js 版文档
│ └── assets/
│ ├── css/
│ │ ├── bootstrap.min.css
│ │ ├── style.css # 主样式文件
│ │ ├── prism.css # 代码高亮样式
│ │ └── dark.css # 暗色主题
│ └── js/
│ ├── bootstrap.bundle.min.js
│ ├── jquery-3.7.1.min.js
│ ├── main.js # 侧边栏、响应式逻辑
│ ├── prism.js
│ └── feather.min.js
├── html.zip
├── angular.zip
├── react.zip
├── vue.zip
├── laravel.zip
└── node.zip
核心文件说明
documentation/index.html— 文档首页，展示六个技术版本入口卡片documentation/assets/css/style.css— 主样式表，定义文档布局、侧边栏与明暗主题documentation/assets/css/prism.css— Prism 代码高亮主题documentation/assets/js/main.js— 侧边栏折叠逻辑、响应式断点处理与主题切换documentation/assets/js/jquery.zoom.min.js— 图片放大交互组件
快速开始
纯静态项目，直接在浏览器打开 documentation/index.html 即可查看文档首页。各版本详细文档通过页面卡片链接进入对应的 html.html、react.html 等子页面。
使用建议
本目录为 Preclinic 模板的文档展示包，实际业务开发应解压对应技术栈的压缩包（如 html.zip）获取完整页面源码。暗色主题通过 data-bs-theme 属性切换，可参考 main.js 中的主题逻辑进行二次开发。
