Docre v2.0.4 - Doctor and Clinic Appointment Template with Admin Panel (HTML, Angular, Vue, Laravel)

# 项目简介 Doccure 文档模板是一款专为医疗/诊所预约系统设计的静态文档站点，使用 Bootstrap 5 构建。模板提供了 HTML、Laravel、Angular、Vue 四个技术版本的导航入口，适合作为多框架产品的统一文档页面。无需构建工具，直接在浏览器中打开即可运行。 ## 技术栈 - Bootstrap 5（CSS 框架，含响应式布局与暗色模式支持） - jQuery 3（DOM 操作与插件生态） - Prism.js（代码语法高亮） - Feather Icons（图标库） - Poppins + Nunito（Google Fonts 自托管字体） - Isotope（瀑布流布局）、Magnific Popup（弹窗）、jQuery Zoom（图片放大） ## 项目结构 ``` doccure-204/ └── documentation/ ├── index.html # 主入口，四框架导航页 ├── html.html # HTML 版文档内容页 ├── laravel.html # Laravel 版文档内容页 ├── angular.html # Angular 版文档内容页 ├── vue.html # Vue 版文档内容页 └── assets/ ├── css/ │ ├── bootstrap.min.css │ ├── style.css # 主样式文件 │ ├── dark.css # 暗色主题样式 │ ├── prism.css # 代码高亮样式 │ └── magnific-popup.css ├── js/ │ ├── main.js # 侧边栏切换、主题切换、响应式逻辑 │ ├── bootstrap.bundle.min.js │ ├── jquery-3.6.4.min.js │ ├── prism.js # 代码块渲染 │ ├── feather.min.js │ ├── isotope.pkgd.min.js │ └── jquery.magnific-popup.min.js └── fonts/ # Poppins / Nunito 字体文件 ``` ## 核心文件说明 - `documentation/index.html` — 文档站入口，顶部导航 + 四框架切换卡片 - `assets/css/style.css` — 全站主样式，定义侧边栏布局、主内容区宽度、字体等 - `assets/css/dark.css` — 暗色主题样式表 - `assets/js/main.js` — 核心交互逻辑，包含侧边栏折叠、主题切换（localStorage 记忆）、移动端检测 - `assets/js/prism.js` — 代码块语法高亮引擎 - `assets/css/prism.css` — Prism 高亮主题样式 ## 快速开始 纯静态站点，无需安装依赖： ```bash # 直接在浏览器打开主入口 open doccure-204/documentation/index.html # 或使用任意本地服务器 npx serve doccure-204/documentation ``` ## 使用建议 该模板默认无侧边栏导航（`no-sidebar`），适合作为文档首页或单页说明使用。若需添加完整的左侧菜单目录，可参考 `style.css` 中的 `.sidebar` 和 `.sidebar-dropdown` 结构进行扩展开发。暗色模式通过 `data-bs-theme` 属性切换，主题偏好会自动存入 `localStorage`。