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

微信UI组件库 iView Weapp

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

https://weapp.iviewui.com/

五分钟上手-微信小程序组件库 iView Weapp_第1张图片
image

使用步骤

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

五分钟上手-微信小程序组件库 iView Weapp_第2张图片

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


五分钟上手-微信小程序组件库 iView Weapp_第3张图片
五分钟上手-微信小程序组件库 iView Weapp_第4张图片

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

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

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

这是一个按钮

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


五分钟上手-微信小程序组件库 iView Weapp_第5张图片

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

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

原文作者:祈澈姑娘 技术博客:https://www.jianshu.com/u/05f416aefbe1
90后前端妹子,爱编程,爱运营,文艺与代码齐飞,魅力与智慧共存的程序媛一枚。
坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,前端资源下载群:440185135

你可能感兴趣的:(五分钟上手-微信小程序组件库 iView Weapp)