新手快速入门微信小程序组件库 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语言中的Literal Syntax特性分析
Mar 08 Javascript
一个简单的jQuery插件制作 学习过程及实例
Apr 25 Javascript
基于jQuery试卷自动排版系统
Jul 18 Javascript
利用js判断浏览器类型(是否为IE,Firefox,Opera浏览器)
Nov 22 Javascript
JavaScript字符串对象slice方法入门实例(用于字符串截取)
Oct 16 Javascript
使用jsonp完美解决跨域问题
Nov 27 Javascript
简单实现兼容各大浏览器的js复制内容到剪切板
Sep 09 Javascript
使用socket.io制做简易WEB聊天室
Jan 02 Javascript
微信小程序form表单组件示例代码
Jul 15 Javascript
Vue+Django项目部署详解
May 30 Javascript
vue 解决computed修改data数据的问题
Nov 06 Javascript
vue单元格多列合并的实现
Nov 26 Vue.js
前端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-perl哈希算法实现(times33哈希算法)
2013/12/30 PHP
在WordPress中使用PHP脚本来判断访客来自什么国家
2015/12/10 PHP
yii2中LinkPager增加总页数和总记录数的实例
2017/08/28 PHP
火狐下input焦点无法重复获取问题的解决方法
2014/06/16 Javascript
js使用正则实现ReplaceAll全部替换的方法
2014/08/22 Javascript
用javascript实现自动输出网页文本
2015/07/30 Javascript
jQuery解析json格式数据简单实例
2016/01/22 Javascript
基于BootStrap环境写jQuery tabs插件
2016/07/12 Javascript
Jquery uploadify 多余的Get请求(404错误)的解决方法
2017/01/26 Javascript
canvas仿iwatch时钟效果
2017/03/06 Javascript
JavaScript字符串检索字符的方法
2017/06/23 Javascript
javascript填充默认头像方法
2018/02/22 Javascript
vue按需加载实例详解
2019/09/06 Javascript
使用JavaScript计算前一天和后一天的思路详解
2019/12/20 Javascript
[45:59]完美世界DOTA2联赛PWL S2 FTD vs GXR 第二场 11.22
2020/11/24 DOTA
浅谈python 线程池threadpool之实现
2017/11/17 Python
python方向键控制上下左右代码
2018/01/20 Python
python K近邻算法的kd树实现
2018/09/06 Python
Python 日期区间处理 (本周本月上周上月...)
2019/08/08 Python
css3让div随鼠标移动而抖动起来
2014/02/10 HTML / CSS
css3 transform属性详解
2014/09/30 HTML / CSS
HTML5实现移动端复制功能
2018/04/19 HTML / CSS
大学四年学习的自我评价分享
2013/12/09 职场文书
教导处工作制度
2014/01/18 职场文书
公证书样本
2014/04/10 职场文书
大学社团活动总结
2014/04/26 职场文书
会计学专业自荐信
2014/06/25 职场文书
协会周年庆活动方案
2014/08/26 职场文书
北京英语导游词
2015/02/12 职场文书
匿名信格式范文
2015/05/27 职场文书
《叶问2》观后感
2015/06/15 职场文书
朋友离别感言
2015/08/04 职场文书
巾帼建功标兵先进事迹材料
2016/02/29 职场文书
JavaScript canvas实现流星特效
2021/05/20 Javascript
Android 界面一键变灰 深色主题工具类
2022/04/28 Java/Android
服务器间如何实现文件共享
2022/05/20 Servers