五分钟上手-微信小程序组件库 iView Weapp

微信UI组件库 iView Weapp

介绍：iView Weapp 提供了与 iView 一致的 UI 和尽可能相同的接口名称，大幅度降低了学习成本，是一套一套高质量的微信小程序 UI 组件库。

https://weapp.iviewui.com/

image

使用步骤

1：首先在github上面下载组件库代码
https://github.com/TalkingData/iview-weapp

2：下载之后解压，可以看到解压的组件文件内容，选择 dist文件
将 dist 目录拷贝到自己的小程序项目中


3：开始写代码，写页面效果，写一个按钮
在json文件里面引入组件

{
 "usingComponents": {
  "i-button": "../../dist/button/index"
}
}

在wxml页面,，复制文档组件库代码示例

<i-button type="primary" bind:click="handleClick">这是一个按钮</i-button>

代码完成之后，可以在左侧查看按钮效果


iView Weapp和Vant的用法相似，再开发小程序的时候，都属于一个很好用的组件库，简单容易，只要引入即可使用，对于不想写代码的宝宝们来说，是一个不错的选择。

五分钟上手Vant，快速搭建小程序界面样式
https://www.jianshu.com/p/fd0643195245

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容