Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/nervjs/taro-ui
一款基于 Taro 框架开发的多端 UI 组件库
https://github.com/nervjs/taro-ui
javascript nervjs react taro taro-compontent ui-design ui-kit wechat-mini-program wechat-weapp wxapp
Last synced: 15 days ago
JSON representation
一款基于 Taro 框架开发的多端 UI 组件库
- Host: GitHub
- URL: https://github.com/nervjs/taro-ui
- Owner: NervJS
- License: mit
- Created: 2018-07-02T11:41:33.000Z (over 6 years ago)
- Default Branch: next
- Last Pushed: 2024-08-29T06:55:20.000Z (3 months ago)
- Last Synced: 2024-10-12T09:28:35.385Z (about 1 month ago)
- Topics: javascript, nervjs, react, taro, taro-compontent, ui-design, ui-kit, wechat-mini-program, wechat-weapp, wxapp
- Language: TypeScript
- Homepage: https://taro-ui.taro.zone
- Size: 27.3 MB
- Stars: 4,533
- Watchers: 91
- Forks: 759
- Open Issues: 547
-
Metadata Files:
- Readme: README.md
- Contributing: .github/CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
README
# Taro UI
[![NPM][npm-version-image]][npm-version-url] [![NPM Downloads][npm-downloads-image]][npm-downloads-url] [![david-dm][david-dm-image]][david-dm-url] [![License][license-image]][license-url]
一款基于 `Taro` 框架开发的多端 UI 组件库
## 特性
- 基于 `Taro` 开发 UI 组件
- 一套组件可以在 `微信小程序`，`支付宝小程序`，`百度小程序`，`H5`，`ReactNative` 多端适配运行
- 提供友好的 API，可灵活的使用组件
## 关于 Taro
Taro 是由 [凹凸实验室](https://aotu.io) 倾力打造的多端开发解决方案。现如今市面上端的形态多种多样，Web、ReactNative、微信小程序等各种端大行其道，当业务要求同时在不同的端都要求有所表现的时候，针对不同的端去编写多套代码的成本显然非常高，这时候只编写一套代码就能够适配到多端的能力就显得极为需要。
使用 Taro，我们可以只书写一套代码，再通过 Taro 的编译工具，将源代码分别编译出可以在不同端（微信小程序、H5、RN等）运行的代码。
## 体验
请使用微信扫一扫以下体验码
## 相关链接
- [Taro UI 使用文档](https://taro-ui.taro.zone)
- [Taro UI 官方示例](https://github.com/NervJS/taro-ui-demo)
- [Taro](https://taro.jd.com/)
- [Taro 物料市场](https://taro-ext.jd.com)
- [Taro 论坛 Taro-UI 板块](https://taro-club.jd.com/category/11/taro-ui)
## 安装
### 2.x
当 Taro 版本 < 3 时，使用 2.x 版本
```bash
$ npm install [email protected]
```
### 3.x
当 Taro 版本 ≥ 3 时，使用 3.x 版本
```bash
$ npm install taro-ui@latest
```
## 使用
在代码中 `import` 需要的组件并按照文档说明使用
```js
import { AtButton } from 'taro-ui'
```
## 开发交流
[官方微信交流群](https://github.com/NervJS/taro-ui/issues/16)
## 开发计划
[开发计划](./PLANS.md)
## 路线图
![Roadmap][roadmap-image]
## 贡献
如果你在使用 `Taro UI` 时遇到问题，或者有好的建议，欢迎给我们提 `Issue` 或 `Pull Request`。在开始之前，请阅读 [贡献指南](https://github.com/NervJS/taro-ui/blob/master/.github/CONTRIBUTING.md)
## License
MIT
[npm-version-image]: https://img.shields.io/npm/v/taro-ui.svg?style=flat-square
[npm-version-url]: https://www.npmjs.com/package/taro-ui
[npm-downloads-image]: https://img.shields.io/npm/dm/taro-ui?style=flat-square
[npm-downloads-url]: https://www.npmjs.com/package/taro-ui
[david-dm-image]: https://david-dm.org/NervJS/taro-ui.svg?style=flat-square
[david-dm-url]: https://david-dm.org/NervJS/taro-ui
[license-image]: https://img.shields.io/github/license/NervJS/taro-ui?style=flat-square
[license-url]: https://github.com/NervJS/taro-ui/blob/master/LICENSE
[roadmap-image]: ./docs/assets/taro-ui-roadmap.svg