anjia

导航

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)


posted on 2015-10-13 00:11  anjia  阅读(592)  评论(1编辑  收藏  举报