项目简介
Dreams LMS 在线文档页面,展示该 LMS 在线教育模板支持的多种技术版本(HTML、Angular、React、Vue、Laravel)。文档页面本身基于 Bootstrap 构建,支持亮色/暗色主题切换与响应式侧边栏。
技术栈
- Bootstrap 5
- jQuery
- Prism.js(代码高亮)
- Feather Icons(图标)
- Google Fonts(Poppins / Nunito)
项目结构
text
dreamslms-114/
├── documentation/
│ ├── index.html # 文档首页,展示各技术栈入口
│ ├── html.html
│ ├── angular.html
│ ├── react.html
│ ├── vue.html
│ ├── laravel.html
│ └── assets/
│ ├── css/
│ │ ├── style.css # 主样式,含 Poppins/Nunito 字体定义
│ │ ├── bootstrap.min.css
│ │ ├── dark.css
│ │ ├── prism.css
│ │ └── magnific-popup.css
│ └── js/
│ ├── main.js # 侧边栏逻辑、主题切换、设备检测
│ ├── jquery-3.7.1.min.js
│ └── bootstrap.bundle.min.js
核心文件说明
documentation/index.html— 文档首页,展示五种技术栈的跳转卡片assets/css/style.css— 主样式文件,定义了 Poppins/Nunito 字体及亮/暗主题变量assets/js/main.js— 核心交互逻辑,含侧边栏展开/折叠、设备判断、主题持久化
快速开始
直接用浏览器打开 documentation/index.html 即可查看。点击卡片可进入各框架的具体文档页面。
使用建议
这是模板配套文档资源,若需使用 HTML 版本,可参考 html.zip(需解压后查看)并基于 documentation 目录的结构进行二次开发。暗色主题切换由 main.js 动态设置 data-bs-theme 实现,无需额外构建步骤。
