Dastyle v1.1 - 管理和仪表板模板

# 项目简介 Dastyle 是一套基于 Bootstrap 4 的后台管理模板，包含 Dashboard、Email、聊天、电商、任务管理等模块。适合快速搭建 SaaS 平台或企业内部管理系统的原型界面。 ## 技术栈 - Bootstrap 4 - jQuery - SCSS - Gulp（构建工具） ## 项目结构 ``` Dastyle-v1.1/ ├── gulpfile.js # Gulp 构建配置 ├── package.json # 项目依赖 ├── Documentation/ # 官方文档（含样式源文件） │ ├── index.html │ ├── css/ # 编译后的 CSS │ ├── scss/ # SCSS 源码 │ └── js/ └── dastyle_v1.1/ # 实际使用的模板文件 └── *.html # 各功能页面 ``` ## 核心文件说明 - `gulpfile.js` — Gulp 自动化构建配置，支持 SCSS 编译、CSS 压缩 - `package.json` — 定义项目依赖（gulp、sass、autoprefixer 等） - `Documentation/scss/style.scss` — 样式入口文件 - `Documentation/js/app.js` — 导航交互、滚动监听、锚点跳转等逻辑 - `dastyle_v1.1/` — 完整页面集合（电商、邮件、日历、聊天等业务模块） ## 快速开始 ```bash cd Dastyle-v1.1 npm install # 安装依赖 npx gulp # 启动构建并监听 SCSS 变更 ``` 构建完成后直接在浏览器打开 `dastyle_v1.1/index.html` 即可预览。 如无需二次开发，直接打开 `dastyle_v1.1/*.html` 文件在浏览器中查看效果。 ## 使用建议 模板提供了深色侧边栏等主题变体，修改 SCSS 变量可快速定制配色和布局，适合作为后台系统开发起点。