一套高质量的微信小程序 UI 组件库
Switch branches/tags
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
assets update file Jun 6, 2018
build add Row and Col component May 15, 2018
dist update Jul 30, 2018
examples update Jul 30, 2018
src 解决i-index计算错误一个位置以及index 边界问题 Nov 1, 2018
.editorconfig init May 15, 2018
.eslintignore init May 15, 2018
.eslintrc.json init May 15, 2018
.gitattributes init May 15, 2018
.gitignore release 1.0.0 Jun 1, 2018
LICENSE update LICENSE May 16, 2018
README.md update readme Jun 6, 2018
package-lock.json add build file May 15, 2018
package.json update Jun 6, 2018

README.md

iView Weapp

一套高质量的微信小程序 UI 组件库

文档

https://weapp.iviewui.com

体验

使用微信扫一扫体验小程序组件示例

快速上手

使用之前

在开始使用 iView Weapp 之前,你需要先阅读 微信小程序自定义组件 的相关文档。

如何使用

GitHub 下载 iView Weapp 的代码,将 dist 目录拷贝到自己的项目中。然后按照如下的方式使用组件,以 Button 为例,其它组件在对应的文档页查看:

  1. 添加需要的组件。在页面的 json 中配置(路径根据自己项目位置配置):
"usingComponents": {
    "i-button": "../../dist/button/index"
}
  1. 在 wxml 中使用组件:
<i-button type="primary" bind:click="handleClick">这是一个按钮</i-button>

预览所有组件

我们内置了所有组件的示例,您可以扫描右侧的小程序码体验,或按以下方式在微信开发者工具中查看:

# 从 GitHub 下载后,安装依赖
npm install

# 编译组件
npm run dev

然后,将 examples 目录在微信开发者工具中打开即可。

License

MIT

Copyright (c) 2018-present, iView