新手快速入门微信小程序组件库 iView Weapp
2019-06-24 17:12
1606 查看
介绍
iView Weapp 提供了与 iView 一致的 UI 和尽可能相同的接口名称,大幅度降低了学习成本,是一套一套高质量的微信小程序 UI 组件库。
使用步骤
1:首先在github上面下载组件库代码
2:下载之后解压
可以看到解压的组件文件内容,选择 dist文件,将 dist 目录拷贝到自己的小程序项目中
3:开始写代码
写页面效果,写一个按钮
在json文件里面引入组件
{ "usingComponents": { "i-button": "../../dist/button/index" } }
在wxml页面,,复制文档组件库代码示例
<i-button type="primary" bind:click="handleClick">这是一个按钮</i-button>
代码完成之后,可以在左侧查看按钮效果
结语
iView Weapp和Vant的用法相似,再开发小程序的时候,都属于一个很好用的组件库,简单容易,只要引入即可使用,对于不想写代码的宝宝们来说,是一个不错的选择。
以上就是本文的全部内容,希望对大家的学习有所帮助
您可能感兴趣的文章:
相关文章推荐
- 微信小程序wepy框架里集成iview Weapp组件
- 新手入门:微信小程序--从入门到精通宝典
- 微信小程序快速入门
- 快速了解微信小程序的使用,一个根据小程序的框架开发的todos app
- 【微信小程序】小程序入门app.js、app.json、app.wxss解说
- 微信小程序weui在线入门教程-WeUi基础组件-loadmore加载更多
- 快速了解微信小程序的使用,一个根据小程序的框架开发的 todos app
- 微信小程序weui在线入门教程-WeUi基础组件-panel面板
- 微信小程序getPhoneNumber快速获取用户手机号组件
- 微信小程序getPhoneNumber快速获取用户手机号组件
- 微信小程序getPhoneNumber快速获取用户手机号组件
- 微信小程序weui在线入门教程-WeUi基础组件-preview表单预览
- 原创:从零开始,微信小程序新手入门宝典《一》
- 小程序能变现了!微信小程序内测广告组件与新增快速创建能力等
- 微信小程序 wxapp内容组件 icon详细介绍
- 微信小程序入门与实战 常用组件API开发技巧项目实战
- 小程序用户反馈 - HotApp小程序统计仿微信聊天用户反馈组件,开源
- 微信小程序weui在线入门教程-WeUi基础组件-footer页脚
- 小程序用户反馈-HotApp小程序统计仿微信聊天用户反馈组件...
- 微信小程序--快速开发UI界面2:认识input组件