admui 框架源码主题说明

Posted 2022-02-25 admui

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了admui 框架源码主题说明相关的知识，希望对你有一定的参考价值。

主题说明

如果您购买的前端源码是自动构建，则主题位于/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 自动构建项目，您可以通过在线升级的方式购买自动构建部分。升级

以上是关于admui 框架源码主题说明的主要内容，如果未能解决你的问题，请参考以下文章

admui 框架源码 主题说明