Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/TalkingData/iview-weapp
一套高质量的微信小程序 UI 组件库
https://github.com/TalkingData/iview-weapp
components iview ui-design ui-kit weapp wechat weixin
Last synced: about 1 month ago
JSON representation
一套高质量的微信小程序 UI 组件库
- Host: GitHub
- URL: https://github.com/TalkingData/iview-weapp
- Owner: TalkingData
- License: other
- Created: 2018-05-15T01:02:29.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2023-03-01T22:40:28.000Z (almost 2 years ago)
- Last Synced: 2024-10-29T15:35:01.991Z (about 1 month ago)
- Topics: components, iview, ui-design, ui-kit, weapp, wechat, weixin
- Language: Less
- Homepage: https://weapp.iviewui.com
- Size: 2.66 MB
- Stars: 6,586
- Watchers: 161
- Forks: 1,168
- Open Issues: 337
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-iview - iview-weapp
- awesome-github-star - iview-weapp
- StarryDivineSky - TalkingData/iview-weapp
- awesome-made-by-chinese - iview-weapp
README
# iView Weapp
### 一套高质量的微信小程序 UI 组件库
## 文档
[http://inmap.talkingdata.com/wx/index_prod.html](http://inmap.talkingdata.com/wx/index_prod.html)## 体验
使用微信扫一扫体验小程序组件示例## 快速上手
### 使用之前
在开始使用 iView Weapp 之前,你需要先阅读 [微信小程序自定义组件](https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/) 的相关文档。### 如何使用
到 [GitHub](https://github.com/TalkingData/iview-weapp) 下载 iView Weapp 的代码,将 `dist` 目录拷贝到自己的项目中。然后按照如下的方式使用组件,以 Button 为例,其它组件在对应的文档页查看:1. 添加需要的组件。在页面的 json 中配置(路径根据自己项目位置配置):
```json
"usingComponents": {
"i-button": "../../dist/button/index"
}
```
2. 在 wxml 中使用组件:
```html
这是一个按钮
```### 预览所有组件
我们内置了所有组件的示例,您可以扫描右侧的小程序码体验,或按以下方式在微信开发者工具中查看:```shell
# 从 GitHub 下载后,安装依赖
npm install# 编译组件
npm run dev
```
然后,将 `examples` 目录在微信开发者工具中打开即可。
## License
[MIT](http://opensource.org/licenses/MIT)Copyright (c) 2018-present, TalkingData