首页 > 课堂 > 小程序 > 正文

新手快速入门微信小程序组件库 iView Weapp

2020-03-21 15:53:26
字体:
来源:转载
供稿:网友

介绍

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

微信小程序,组件库,iView,Weapp

使用步骤

1:首先在github上面下载组件库代码

github

微信小程序,组件库,iView,Weapp

2:下载之后解压

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

微信小程序,组件库,iView,Weapp

微信小程序,组件库,iView,Weapp

3:开始写代码

写页面效果,写一个按钮

在json文件里面引入组件

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

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

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

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

微信小程序,组件库,iView,Weapp

结语

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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持VEVB武林网。


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表