主题说明
如果您购买的前端源码是自动构建，则主题位于/src/themes/下，如果是基础源码，则主题位于/public/themes/下。
全局文件夹
自动构建
全局文件夹包含了预编译的静态资源，SCSS、JavaScript等，您可以通过我们提供的 Gulp 任务（也可以配合我们提供的可视化工具）处理这些源文件，这些资源文件提供给当前主题的所有布局使用。
基础源码
如果您使用的是基础源码，直接修改静态资源css，js文件等。当然，绝大部分情况下，我们并不需要修改全局的布局和样式。
如果您购买源码时选择的前端源码是自动构建，全局文件夹大体结构如下：
/src/themes/global/ ├── js/ │ ├── components/ (注册组件) │ ├── configs/ (配置信息) │ └── plugins/ (自定义方法) └── scss/ ├── bootstrap/ (bootstrap源文件) ├── bootstrap-extend/ (bootstrap覆盖文件) ├── vendor/ (插件) ├── bootstrap.scss ├── bootstrap-extend.scss ├── _vars*.scss └── ... |
如果您购买源码时选择的前端源码是基础源码，全局文件夹大体结构如下：
/public/themes/global/ └── js/ ├── components/ (注册组件) ├── configs/ (配置信息) ├── plugins/ (自定义方法) └── components.js (合并后的注册组件) └── css/ └── bootstrap.css |
布局文件夹
如果您购买源码时选择的前端源码是自动构建，布局文件夹包含完整的基础模块以及布局和皮肤的样式文件。布局文件夹大体结构如下:
/src/themes/base/ ├── js/ │ ├── sections/ (基本功能) │ │ ├── content-tabs.js │ │ ├── media-menu.js │ │ └── menu.js │ ├── app.js (公共方法) │ └── site.js (核心方法) └── scss/ ├── layouts/ (布局) ├── sections/ (组件) ├── skins/ (皮肤) ├── _vars* (scss变量) ├── skins/ (皮肤) └── site.scss |
如果您购买源码时选择的前端源码是基础源码，布局文件夹大体结构如下：
/public/themes/base/ ├── js/ │ ├── sections/ (基本功能) │ │ ├── content-tabs.js │ │ ├── media-menu.js │ │ └── menu.js │ ├── app.js (公共方法) │ └── site.js（核心方法） └── css/ (布局样式) ├── skins/(皮肤样式文件) ├── index.css └── site.css |
如果您希望定制主题更加便捷或通过 Gulp 自动构建项目，您可以通过在线升级的方式购买自动构建部分。升级
原文地址：https://www.cnblogs.com/admui/p/11106911.html
时间： 2024-10-17 03:25:41