32

GitHub - TalkingData/iview-weapp: 一套高质量的微信小程序 UI 组件库

 5 years ago
source link: https://github.com/TalkingData/iview-weapp
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

README.md

68747470733a2f2f66696c652e697669657775692e636f6d2f77656170702d6c6f676f2e737667

iView Weapp

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

文档

https://weapp.iviewui.com

体验

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

code.jpg

快速上手

使用之前

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


report

Recommend

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK