主题说明

如果您购买的前端源码是自动构建,则主题位于/src/themes/下,如果是基础源码,则主题位于/public/themes/下。

全局文件夹

自动构建

全局文件夹包含了预编译的静态资源,SCSSJavaScript等,您可以通过我们提供的 Gulp 任务(也可以配合我们提供的可视化工具)处理这些源文件,这些资源文件提供给当前主题的所有布局使用。

基础源码

如果您使用的是基础源码,直接修改静态资源cssjs文件等。当然,绝大部分情况下,我们并不需要修改全局的布局和样式。

如果您购买源码时选择的前端源码是自动构建,全局文件夹大体结构如下:

/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 自动构建项目,您可以通过在线升级的方式购买自动构建部分。升级