项目简介link

Dastyle 是一套基于 Bootstrap 4 的后台管理模板，包含 Dashboard、Email、聊天、电商、任务管理等模块。适合快速搭建 SaaS 平台或企业内部管理系统的原型界面。

技术栈link

• Bootstrap 4
• jQuery
• SCSS
• Gulp（构建工具）

项目结构link

Dastyle-v1.1/
├── gulpfile.js          # Gulp 构建配置
├── package.json         # 项目依赖
├── Documentation/        # 官方文档（含样式源文件）
│   ├── index.html
│   ├── css/             # 编译后的 CSS
│   ├── scss/            # SCSS 源码
│   └── js/
└── dastyle_v1.1/        # 实际使用的模板文件
    └── *.html            # 各功能页面

核心文件说明link

• gulpfile.js — Gulp 自动化构建配置，支持 SCSS 编译、CSS 压缩
• package.json — 定义项目依赖（gulp、sass、autoprefixer 等）
• Documentation/scss/style.scss — 样式入口文件
• Documentation/js/app.js — 导航交互、滚动监听、锚点跳转等逻辑
• dastyle_v1.1/ — 完整页面集合（电商、邮件、日历、聊天等业务模块）

快速开始link

cd Dastyle-v1.1
npm install           # 安装依赖
npx gulp              # 启动构建并监听 SCSS 变更

构建完成后直接在浏览器打开 dastyle_v1.1/index.html 即可预览。

如无需二次开发，直接打开 dastyle_v1.1/*.html 文件在浏览器中查看效果。

使用建议link

模板提供了深色侧边栏等主题变体，修改 SCSS 变量可快速定制配色和布局，适合作为后台系统开发起点。