新手快速入门微信小程序组件库 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隐藏控件的方法
Sep 21 Javascript
javascript自动给文本url地址增加链接的方法分享
Jan 20 Javascript
Javascript URI 解析介绍
Mar 15 Javascript
JavaScript实现对下拉列表值进行排序的方法
Jul 15 Javascript
JS+CSS实现TreeMenu二级树形菜单完整实例
Sep 18 Javascript
详解Bootstrap插件
Apr 25 Javascript
Google 地图获取API Key详细教程
Aug 06 Javascript
AngularJS 打开新的标签页实现代码
Sep 07 Javascript
javascript基于定时器实现进度条功能实例
Oct 13 Javascript
原生JS实现ajax与ajax的跨域请求实例
Dec 01 Javascript
详解node字体压缩插件font-spider的用法
Sep 28 Javascript
如何阻止移动端浏览器点击图片浏览
Aug 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
jQuery 源码分析笔记
2011/05/25 PHP
php图片上传存储源码并且可以预览
2011/08/26 PHP
利用curl 多线程 模拟 并发的详解
2013/06/14 PHP
php基于curl扩展制作跨平台的restfule 接口
2015/05/11 PHP
你应该知道PHP浮点数知识
2015/05/13 PHP
PHP使用gearman进行异步的邮件或短信发送操作详解
2020/02/27 PHP
一个用javascript写的select支持上下键、首字母筛选以及回车取值的功能
2009/09/09 Javascript
JavaScript window.setTimeout() 的详细用法
2009/11/04 Javascript
javascript动态加载二
2012/08/22 Javascript
ExtJS4 表格的嵌套 rowExpander应用
2014/05/02 Javascript
jquery中each遍历对象和数组示例
2014/08/05 Javascript
如何用JavaScript实现动态修改CSS样式表
2016/05/20 Javascript
浅谈jquery的map()和each()方法
2016/06/12 Javascript
Vue.js中用v-bind绑定class的注意事项
2016/12/13 Javascript
浅谈JavaScript的自动垃圾收集机制
2016/12/15 Javascript
jQuery实现获取隐藏div高度的方法示例
2017/02/09 Javascript
详解如何在vue中使用sass
2017/06/21 Javascript
pace.js和NProgress.js两个加载进度插件的一点小总结
2018/01/31 Javascript
解决Vue+Element ui开发中碰到的IE问题
2018/09/03 Javascript
原生JS实现前端本地文件上传
2018/09/08 Javascript
理顺8个版本vue的区别(小结)
2018/09/17 Javascript
[14:24]Optic Gaming vs PSG LGD BO3
2018/06/07 DOTA
如何搜索查找并解决Django相关的问题
2014/06/30 Python
python 字符串和整数的转换方法
2018/06/25 Python
对Python 除法负数取商的取整方式详解
2018/12/12 Python
Python配置虚拟环境图文步骤
2019/05/20 Python
用Python将Excel数据导入到SQL Server的例子
2019/08/24 Python
Python通过Tesseract库实现文字识别
2020/03/05 Python
Selenium 配置启动项参数的方法
2020/12/04 Python
Foot Locker德国官方网站:美国运动服和鞋类零售商
2018/11/01 全球购物
招商业务员岗位职责
2013/12/16 职场文书
汽车专业求职信
2014/06/05 职场文书
软环境建设心得体会
2014/09/09 职场文书
辩护词格式
2015/05/22 职场文书
人民币使用说明书
2019/04/17 职场文书
PostgreSQL怎么创建分区表详解
2022/06/25 PostgreSQL