https://github.com/amazeui/amazeui-touch
https://github.com/amazeui/amazeui-touch
Last synced: 5 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/amazeui/amazeui-touch
- Owner: amazeui
- License: other
- Created: 2024-11-14T15:01:36.000Z (5 months ago)
- Default Branch: master
- Last Pushed: 2024-11-14T15:37:36.000Z (5 months ago)
- Last Synced: 2025-03-21T23:19:02.363Z (25 days ago)
- Language: JavaScript
- Homepage: https://amazeui.github.io/amazeui-touch/
- Size: 581 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE.md
Awesome Lists containing this project
- awesome-uikit - ~~mazeui-touch~~ - touch.svg?label=" /> - Web Components for mobile devices based on React. [![Open-Source Software][OSS Icon]](https://github.com/amazeui/amazeui-touch) (Mobile UI Components / React)
- my-awesome - amazeui-touch - Web Components for mobile devices based on React. (JavaScript)
README
# Amaze UI Touch
基于 React.js 的移动端 Web UI 组件库。
[](https://www.npmjs.com/package/amazeui-touch)
[](https://travis-ci.org/amazeui/amazeui-touch)
[](https://david-dm.org/amazeui/amazeui-touch)
[](https://david-dm.org/amazeui/amazeui-touch#info=devDependencies)
### [入门套件](https://github.com/amazeui/amt-starter-kit)
## 简介
### 专属于移动
Amaze UI Touch 专为移动打造，在技术实现、交互设计上只考虑主流移动设备，保证代码轻、性能高。
### 专注于 UI
只提供 UI 组件（View），对配套技术不做限定，方便用户与现有技术栈快速整合，降低使用成本。
### 采用 Flexbox
使用 Flexbox 技术，灵活自如地对齐、收缩、扩展元素，轻松搞定移动页面布局。
### 基于 React.js
基于风靡社区的 React.js 封装组件，沿袭高性能、可复用、易扩展、一处学习多端编写特性。
## 安装使用
1. 从 npm 安装：
``` bash
npm install --save-dev amazeui-touch
```
2. 使用 组件：
``` javascript
class App extends React.Component {
constructor(props) {
super(props);
this.state = {
said: false,
};
this.handleClick = this.handleClick.bind(this);
}
handleClick() {
this.setState({
said: true,
});
}
renderHello() {
return this.state.said ? (
Hello World! Welcome to Amaze UI Touch.
) : null;
}
render() {
const said = this.state.said;
const text = said ? 'Said :(' : 'Say hello :)';
return (
{text}
{this.renderHello()}
);
}
}
ReactDOM.render(, document.getElementById('root'));
```
ES2015/JSX 编译参见 [Amaze UI Touch Starter Kit](https://github.com/amazeui/amt-starter-kit)。
## 开发及演示
### 文档及演示
1. 全局安装 gulp.js：
``` bash
npm install -g gulp
```
1. 克隆源代码并安装依赖：
``` bash
git clone https://github.com/amazeui/amazeui-touch.git
```
在源码目录下执行：
``` bash
npm install
```
2. 启动开发服务：
``` bash
npm start
```
相关文件构建完成后会自动打开浏览器，可查看文档及组件演示。
### 构建
```bash
npm run build
```
打包后的文件位于 `dist` 目录下。
### [反馈建议](https://github.com/amazeui/amazeui-touch/issues)
## License
MIT © 2015 - 2016 AllMobilize Inc.