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


Posted in Javascript onJune 24, 2019

介绍

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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
线路分流自动跳转代码;希望对大家有用!
Dec 02 Javascript
javascript入门基础之私有变量
Feb 23 Javascript
javascript tips提示框组件实现代码
Nov 19 Javascript
jQuery代码实现对话框右上角菜单带关闭×
May 03 Javascript
基于jQuery ligerUI实现分页样式
Sep 18 Javascript
简单实现js浮动框
Dec 13 Javascript
Bootstrap源码解读模态弹出框(11)
Dec 28 Javascript
jQuery ajax的功能实现方法详解
Jan 06 Javascript
ComboBox(下拉列表框)通过url加载调用远程数据的方法
Aug 06 Javascript
微信小程序实现流程进度的图样式功能
Jan 16 Javascript
koa socket即时通讯的示例代码
Sep 07 Javascript
Vue 列表上下过渡效果的实例代码
Jun 25 Javascript
前端Vue项目详解--初始化及导航栏
Jun 24 #Javascript
微信小程序调用天气接口并且渲染在页面过程详解
Jun 24 #Javascript
微信小程序-可移动菜单的实现过程详解
Jun 24 #Javascript
webpack自动打包和热更新的实现方法
Jun 24 #Javascript
Promise扫盲贴
Jun 24 #Javascript
深入学习js函数的隐式参数 arguments 和 this
Jun 24 #Javascript
前端天气插件tpwidget使用方法详解
Jun 24 #Javascript
You might like
SONY SRF-M100的电路分析
2021/03/02 无线电
水质对咖图啡风味的影响具体有哪些
2021/03/03 冲泡冲煮
PHP4实际应用经验篇(5)
2006/10/09 PHP
php $_SERVER windows系统与linux系统下的区别说明
2014/02/14 PHP
YII Framework框架教程之日志用法详解
2016/03/14 PHP
PHP实现将MySQL重复ID二维数组重组为三维数组的方法
2016/08/01 PHP
Laravel使用RabbitMQ的方法示例
2019/06/18 PHP
IE6背景图片不缓存问题解决方案及图片使用策略多个方法小结
2012/05/14 Javascript
多个datatable共存造成多个表格的checkbox都被选中
2013/07/11 Javascript
基于jquery插件制作左右按钮与标题文字图片切换效果
2013/11/07 Javascript
jQuery中delegate与on的用法与区别示例介绍
2013/12/20 Javascript
JS实现定时自动关闭DIV层提示框的方法
2015/05/11 Javascript
原生JS实现平滑回到顶部组件
2016/03/16 Javascript
JavaScript数组去重由慢到快由繁到简(优化篇)
2016/08/26 Javascript
手机软键盘弹出时影响布局的解决方法
2016/12/15 Javascript
vue-router 中router-view不能渲染的解决方法
2017/05/23 Javascript
Vue 实现树形视图数据功能
2018/05/07 Javascript
详解puppeteer使用代理
2018/12/27 Javascript
微信小程序开发常见问题及解决方案
2019/07/11 Javascript
在Vue中使用mockjs代码实例
2020/11/25 Vue.js
[43:35]EG vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
Python用zip函数同时遍历多个迭代器示例详解
2016/11/14 Python
详解python实现线程安全的单例模式
2018/03/05 Python
python实现烟花小程序
2019/01/30 Python
Python类的继承用法示例
2019/01/31 Python
谈谈Python中的while循环语句
2019/03/10 Python
Python 3.8正式发布重要新功能一览
2019/10/17 Python
Python列表原理与用法详解【创建、元素增加、删除、访问、计数、切片、遍历等】
2019/10/30 Python
html5实现移动端适配完美写法
2017/11/16 HTML / CSS
大学毕业生的自我鉴定
2013/11/30 职场文书
红领巾心向党广播稿
2014/01/19 职场文书
六一儿童节演讲稿
2014/05/23 职场文书
市场推广策划方案
2014/06/02 职场文书
行政专员岗位职责说明书
2014/09/01 职场文书
贷款工资证明范本
2015/06/12 职场文书
mysql对于模糊查询like的一些汇总
2021/05/09 MySQL