Skip to content

TalkingData/iview-weapp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

de9a75c · Sep 27, 2020
Jun 6, 2018
May 15, 2018
Sep 27, 2020
Jul 30, 2018
Mar 31, 2020
May 15, 2018
May 15, 2018
May 15, 2018
May 15, 2018
Jun 1, 2018
May 16, 2018
Nov 6, 2019
May 15, 2018
Jan 17, 2019

Repository files navigation

iView Weapp

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

文档

http://inmap.talkingdata.com/wx/index_prod.html

体验

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

快速上手

使用之前

在开始使用 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, TalkingData