README.md 3.4 KB
Newer Older
M
Minwe 已提交
1
# [Amaze UI](http://amazeui.org/)
C
Codename H 已提交
2
![Amaze UI Logo](http://amazeui.org/i/ui/ui-logo.svg)
M
Minwe 已提交
3
## 功能简介
L
LUO Minhui 已提交
4

M
Minwe 已提交
5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22
### 为移动而生

Amaze UI 遵循 Mobile first 理念,从小屏逐步扩展到大屏,最终实现跨屏适配,适应移动互联潮流。

### 组件丰富,模块化

Amaze UI 含近 20 个 CSS 组件、10 个 JS 组件,更有 17 款包含近 60 个主题的 Web 组件,可快速构建界面出色、体验优秀的跨屏页面,大幅度提升你的开发效率。

### 本地化支持

相比国外的前端框架,Amaze UI 专注解决中文排版优化问题,根据操作系统调整字体,实现最佳中文排版效果;针对国内主流浏览器及 App 内置浏览器提供更好的兼容性支持,为你节省大量兼容性调试时间。

### 轻量级,高性能

Amaze UI 非常注重性能,基于轻量的 Zepto.js 开发,并使用 CSS3 来做动画交互,平滑、高效,更适合移动设备,让你的 Web 应用可以高速载入。

## 下载及使用

C
Codename H 已提交
23
用户可以从 [Amaze UI 官网](http://amazeui.org/getting-started) 下载打包好的模板。
M
Minwe 已提交
24 25 26 27 28 29 30 31 32

所有文档存放在 `docs/` 目录下,为方便查看演示效果,建议通过 [Amaze UI 官网](http://amazeui.org/)查看文档。


## 开发及构建

用户可以在 Amaze UI 的基础上进行二次开发。

### 目录结构
L
LUO Minhui 已提交
33 34

```
M
Minwe 已提交
35
amazeui
L
LUO Minhui 已提交
36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55
|-- HISTORY.md
|-- LICENSE
|-- README.md
|-- package.json
|-- dist        # 部署目录
|-- docs        # 文档
|-- fonts       # Icon font,目前使用了 http://staticfile.org/
|-- gulpfile.js # 构建配置文件
|-- js          # JS 文件
|-- less        # LESS 文件
|-- tools       # 相关工具
|-- vendor      # 第三方文件
|   |-- amazeui.partials.js
|   |-- handlebars
|   |-- json.format.js
|   |-- seajs
|   `-- zepto
`-- widget      # Web 组件
```

M
Minwe 已提交
56
### 构建工具
L
LUO Minhui 已提交
57 58 59 60 61 62 63 64 65

Amaze UI 使用 [gulp.js](http://gulpjs.com/) 构建项目。

首先全局安装 Gulp:

```
npm install -g gulp
```

M
Minwe 已提交
66 67 68 69 70 71 72
Clone 项目文件:

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

然后进入目录安装依赖:
L
LUO Minhui 已提交
73 74 75 76 77

```
npm install
```

M
Minwe 已提交
78
接下来,执行 `gulp`
L
LUO Minhui 已提交
79 80 81 82 83

```
gulp
```

M
Minwe 已提交
84
## Bug 反馈及需求提交
L
LUO Minhui 已提交
85

M
Minwe 已提交
86 87
### Bug 反馈

C
Codename H 已提交
88
欢迎给 Amaze UI [提交 Bug](https://github.com/allmobilize/amazeui/issues)
L
LUO Minhui 已提交
89

M
Minwe 已提交
90
为了能最准确的传达所描述的问题, 建议你在反馈时附上演示,方便我们理解。
L
LUO Minhui 已提交
91

M
Minwe 已提交
92
下面的几个链接是我们在几个在线调试工具上建的页面, 已经引入了 Amaze UI 样式和脚本,你可以选择你喜欢的工具【Fork】一份, 把要有问题的场景粘在里面,反馈给我们。
L
LUO Minhui 已提交
93

M
Minwe 已提交
94 95 96
- [JSBin](http://jsbin.com/kijiqu/1/edit?html,output)
- [JSFiddle](http://jsfiddle.net/hegfirose/W22fV/)
- [CodePen](http://codepen.io/minwe/pen/AEeup)
L
LUO Minhui 已提交
97

M
Minwe 已提交
98 99 100 101 102 103 104 105 106 107 108 109
### 需求提交

用户可以通过 Issue 系统或者官网留言提交需求,符合 Amaze UI 理念的需求我们都会考虑。


## 贡献代码

欢迎大家加入捉虫队伍,同时大家也可以分享自己的开发的 Web 组件。Fork 本项目,然后提交 Pull Request 即可。

__开发文档__

开发文档存放在 `docs/rules` 目录下,也可以通过 [Amaze UI 官网](http://amazeui.org/)查看:
L
LUO Minhui 已提交
110

M
Minwe 已提交
111 112 113
- [Amaze UI HTML/CSS 编写规范](http://amazeui.org/getting-started/html-css)
- [Amaze UI JavaScript 编写规范](http://amazeui.org/getting-started/javascript)
- [Amaze UI Web 组件开发规范](http://amazeui.org/getting-started/widget)
西塞安全's avatar
西塞安全 已提交
114