新手快速入门微信小程序组件库 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 相关文章推荐
javascript中字符串替换函数replace()方法与c# 、vb 替换有一点不同
Jun 25 Javascript
js下用eval生成JSON对象
Sep 17 Javascript
人人网javascript面试题 可以提前实现下
Jan 05 Javascript
JavaScript实现的简单幂函数实例
Apr 17 Javascript
JavaScript中的boolean布尔值使用学习及相关技巧讲解
May 26 Javascript
js获取新浪天气接口的实现代码
Jun 06 Javascript
概述VUE2.0不可忽视的很多变化
Sep 25 Javascript
关于axios返回空对象的问题解决
Apr 04 Javascript
浅谈Node.js ORM框架Sequlize之表间关系
Jul 24 Javascript
Angular2.0/4.0 使用Echarts图表的示例代码
Dec 07 Javascript
微信小程序template模板与component组件的区别和使用详解
May 22 Javascript
解决Angularjs异步操作后台请求用$q.all排列先后顺序问题
Nov 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
php 数组二分法查找函数代码
2010/02/16 PHP
PHP中获取变量的变量名的一段代码的bug分析
2011/07/07 PHP
PHP中最容易忘记的一些知识点总结
2013/04/28 PHP
ThinkPHP实现生成和校验验证码功能
2017/04/28 PHP
PHP正则+Snoopy抓取框架实现的抓取淘宝店信誉功能实例
2017/05/17 PHP
php中访问修饰符的知识点总结
2019/01/27 PHP
HTML TO JavaScript 转换
2006/06/26 Javascript
Firefox和IE浏览器兼容JS脚本写法小结
2008/07/07 Javascript
JAVASCRIPT keycode总结
2009/02/04 Javascript
jQuery 使用手册(二)
2009/09/23 Javascript
javascript中的float运算精度实例分析
2010/08/21 Javascript
跨浏览器的事件对象介绍
2012/06/27 Javascript
jQuery验证元素是否为空的两种常用方法
2015/03/17 Javascript
使用纯javascript实现放大镜效果
2015/03/18 Javascript
JavaScript创建闭包的两种方式的优劣与区别分析
2015/06/22 Javascript
ES6中如何使用Set和WeakSet
2016/03/10 Javascript
jQuery提示插件qTip2用法分析(支持ajax及多种样式)
2016/06/08 Javascript
jquery DataTable实现前后台动态分页
2017/06/17 jQuery
vue-cli中的webpack配置详解
2017/09/25 Javascript
node.js中axios使用心得总结
2017/11/29 Javascript
vue中,在本地缓存中读写数据的方法
2018/09/21 Javascript
了解在JavaScript中将值转换为字符串的5种方法
2019/06/06 Javascript
vue+导航锚点联动-滚动监听和点击平滑滚动跳转实例
2019/11/13 Javascript
python编码最佳实践之总结
2016/02/14 Python
PHP基于phpqrcode类库生成二维码过程解析
2020/05/28 Python
MSC邮轮官方网站:加勒比海、地中海和世界各地的假期
2018/08/27 全球购物
大学毕业感言50字
2014/02/07 职场文书
聚美优品的广告词
2014/03/14 职场文书
销售经理岗位职责
2014/03/16 职场文书
小学生操行评语大全
2014/04/22 职场文书
环境卫生工作汇报材料
2014/10/28 职场文书
2014年物业公司工作总结
2014/11/22 职场文书
运动会5000米加油稿
2015/07/21 职场文书
Python机器学习三大件之一numpy
2021/05/10 Python
pytorch 如何使用amp进行混合精度训练
2021/05/24 Python
TS 类型收窄教程示例详解
2022/09/23 Javascript