新手快速入门微信小程序组件库 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 相关文章推荐
Jquery作者John Resig自己封装的javascript 常用函数
Nov 09 Javascript
用最通俗易懂的代码帮助新手理解javascript闭包 推荐
Mar 01 Javascript
javascript设计模式Constructor(构造器)模式
Aug 19 Javascript
Bootstrap树形菜单插件TreeView.js使用方法详解
Nov 01 Javascript
js制作可以延时消失的菜单
Jan 13 Javascript
微信JSSDK调用微信扫一扫功能的方法
Jul 25 Javascript
jQuery中$原理实例分析
Aug 13 jQuery
Javascript删除数组里的某个元素
Feb 28 Javascript
mpvue性能优化实战技巧(小结)
Apr 17 Javascript
详解Vue 匿名、具名和作用域插槽的使用方法
Apr 22 Javascript
一篇文章介绍redux、react-redux、redux-saga总结
May 23 Javascript
el-select数据过多懒加载的解决(loadmore)
May 29 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
Zerg兵种介绍
2020/03/14 星际争霸
第4章 数据处理-php数组的处理-郑阿奇
2011/07/04 PHP
基于PHP常用函数的用法详解
2013/05/10 PHP
PHP从零开始打造自己的MVC框架之路由类实现方法分析
2019/06/03 PHP
php7下的filesize函数
2019/09/30 PHP
extJs 常用到的增,删,改,查操作代码
2009/12/28 Javascript
js word表格动态添加代码
2010/06/07 Javascript
javascript阻止浏览器后退事件防止误操作清空表单
2013/11/22 Javascript
js报$ is not a function 的问题的解决方法
2014/01/20 Javascript
JavaScript中诡异的delete操作符
2015/03/12 Javascript
JavaScript实现的简单幂函数实例
2015/04/17 Javascript
JavaScript实现的超简单计算器功能示例
2017/12/23 Javascript
JS实现的哈夫曼编码示例【原始版与修改版】
2018/04/22 Javascript
深入浅析Node.js 事件循环、定时器和process.nextTick()
2018/10/22 Javascript
详解ES6中的Map与Set集合
2019/03/22 Javascript
vue+element 模态框表格形式的可编辑表单实现
2019/06/07 Javascript
小程序分页实践之编写可复用分页组件
2019/07/18 Javascript
NodeJs 实现简单WebSocket即时通讯的示例代码
2019/08/05 NodeJs
使用zrender.js绘制体温单效果
2019/10/31 Javascript
[01:02:18]VGJ.S vs infamous Supermajor 败者组 BO3 第一场 6.4
2018/06/05 DOTA
[01:27:30]LGD vs Newbee 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/19 DOTA
跟老齐学Python之使用Python操作数据库(1)
2014/11/25 Python
Python打印scrapy蜘蛛抓取树结构的方法
2015/04/08 Python
改进Django中的表单的简单方法
2015/07/17 Python
Pandas 按索引合并数据集的方法
2018/11/15 Python
在Python中居然可以定义两个同名通参数的函数
2019/01/31 Python
Python基于xlrd模块处理合并单元格
2020/07/28 Python
Python 爬虫批量爬取网页图片保存到本地的实现代码
2020/12/24 Python
基于HTML5 Canvas 实现商场监控实例详解
2017/11/20 HTML / CSS
英国卫浴商店:Ergonomic Design
2019/09/22 全球购物
赔偿协议书范本
2014/04/15 职场文书
2014幼儿园教育教学工作总结
2014/12/17 职场文书
2015年税务稽查工作总结
2015/05/26 职场文书
2016年教师寒假学习心得体会
2015/10/09 职场文书
《女娲补天》教学反思
2016/02/20 职场文书
MySQL对数据表已有表进行分区表的实现
2021/11/01 MySQL