AmazeUI定制
定制流程
- 下载 Amaze UI 源码:从 GitHub 选择版本,点击
Source code (zip)
下载并解压(定制只适用于 Amaze UI 2.x); - 下载安装 Node.js;
- 全局安装 gulp:
npm install -g gulp
; - 安装相关依赖:切换到 Amaze UI 源码目录,运行
npm install
; - 下载定制配置文件:在下面的列表中选择需要的组件,然后点击绿色按钮下载配置文件;
- 定制:将下载的
config.json
放到源码tools/tasks/
下,在源码根目录执行gulp customize
,定制的代码放在dist/customized/
下。 - 定制界面
如果不定制,需要修改颜色,则参考以下(建议修改定制主题,而不是直接修改源码)
下载安装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复制到项目相应路径