新手快速入门微信小程序组件库 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 相关文章推荐
jsTree树控件(基于jQuery, 超强悍)[推荐]
Sep 01 Javascript
Chrome Form多次提交表单问题的解决方法
May 09 Javascript
capacityFixed 基于jquery的类似于新浪微博新消息提示的定位框
May 24 Javascript
jquery动态加载js三种方法实例
Aug 03 Javascript
js插件dropload上拉下滑加载数据实例解析
Jul 27 Javascript
基于 Bootstrap Datetimepicker 联动
Aug 03 Javascript
微信小程序网络封装(简单高效)
Aug 06 Javascript
微信小程序 高德地图路线规划实现过程详解
Aug 05 Javascript
vue实现购物车的监听
Apr 20 Javascript
jQuery+ThinkPHP实现图片上传
Jul 23 jQuery
vue axios封装httpjs,接口公用配置拦截操作
Aug 11 Javascript
JavaScript中clientWidth,offsetWidth,scrollWidth的区别
Jan 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
正义联盟的终局之战《天启星战争》将成为DC动画宇宙的最后一部
2020/04/09 欧美动漫
PHP操作数组的一些函数整理介绍
2011/07/17 PHP
PHP 7的一些引人注目的新特性简单介绍
2015/11/08 PHP
PHP实现通过URL提取根域名
2016/03/31 PHP
thinkPHP模板引擎用法示例
2016/12/08 PHP
php使用 readfile() 函数设置文件大小大小的方法
2017/08/11 PHP
php生成毫秒时间戳的实例讲解
2017/09/22 PHP
Jquery 表单验证类介绍与实例
2013/06/09 Javascript
使用jQuery动态加载js脚本文件的方法
2014/04/03 Javascript
JavaScript里实用的原生API汇总
2015/05/14 Javascript
js预加载图片方法汇总
2015/06/15 Javascript
jQuery与getJson结合的用法实例
2015/08/07 Javascript
jQuery封装的屏幕居中提示信息代码
2016/06/08 Javascript
jQuery实现加入收藏夹功能(主流浏览器兼职)
2016/12/24 Javascript
在js中做数字字符串补0(js补零)
2017/03/25 Javascript
轻松理解vue的双向数据绑定问题
2017/10/30 Javascript
利用js实现前后台传送Json的示例代码
2018/03/29 Javascript
react-native使用leanclound消息推送的方法
2018/08/06 Javascript
ES6中let 和 const 的新特性
2018/09/03 Javascript
vue弹窗组件的实现示例代码
2018/09/10 Javascript
vue项目中使用bpmn-自定义platter的示例代码
2020/05/11 Javascript
node中短信api实现验证码登录的示例代码
2021/01/20 Javascript
Python中实现字符串类型与字典类型相互转换的方法
2014/08/18 Python
玩转python爬虫之正则表达式
2016/02/17 Python
Python学习入门之区块链详解
2017/07/25 Python
使用python3批量下载rbsp数据的示例代码
2019/12/20 Python
python如何写try语句
2020/07/14 Python
Python根据字符串调用函数过程解析
2020/11/05 Python
德国前卫设计师时装在线商店:Luxury Loft
2019/11/04 全球购物
linux系统都有哪些运行级别
2016/03/26 面试题
婚礼司仪主持词
2014/03/14 职场文书
施工安全标语
2014/06/07 职场文书
2015年世界卫生日活动总结
2015/02/09 职场文书
《颐和园》教学反思
2016/02/19 职场文书
golang 生成对应的数据表struct定义操作
2021/04/28 Golang
Python词云的正确实现方法实例
2021/05/08 Python