AmazeUI定制

定制流程

1. 下载 Amaze UI 源码：从 GitHub 选择版本，点击 Source code (zip) 下载并解压（定制只适用于 Amaze UI 2.x）；
2. 下载安装 Node.js；
3. 全局安装 gulp：npm install -g gulp；
4. 安装相关依赖：切换到 Amaze UI 源码目录，运行 npm install；
5. 下载定制配置文件：在下面的列表中选择需要的组件，然后点击绿色按钮下载配置文件；
6. 定制：将下载的 config.json 放到源码 tools/tasks/ 下，在源码根目录执行 gulp customize，定制的代码放在 dist/customized/下。
   
7. 定制界面

如果不定制，需要修改颜色，则参考以下（建议修改定制主题，而不是直接修改源码）

下载安装Nodejs

构建工具

Amaze UI 使用 gulp.js 构建项目。

首先全局安装 gulp：

npm install -g gulp

克隆项目文件:

git clone https://github.com/allmobilize/amazeui.git

然后进入目录安装依赖：

npm install

打开 amazeui-2.4.2\less\variables.less

修改 

@global-primary:	   #A0823D;// #0e90d2; // #157EFB; //#428bca;

接下来，执行 gulp：

gulp

执行完成后，amazeui-2.4.2\dist\css 就是修改完成后的

将amazeui-2.4.2\dist中的，js,css,fonts复制到项目相应路径

来自为知笔记(Wiz)

转载于:https://www.cnblogs.com/anjia0917/p/4873331.html