新手快速入门微信小程序组件库 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 相关文章推荐
Track Image Loading效果代码分析
Aug 13 Javascript
jquery 得到当前页面高度和宽度的两个函数
Feb 21 Javascript
关于javascript event flow 的一个bug详解
Sep 17 Javascript
JavaScript入门基础
Aug 12 Javascript
AngularJS基础 ng-readonly 指令简单示例
Aug 02 Javascript
关于Javascript回调函数的一个妙用
Aug 29 Javascript
JavaScript prototype属性详解
Oct 25 Javascript
Chrome不支持showModalDialog模态对话框和无法返回returnValue问题的解决方法
Oct 30 Javascript
xmlplus组件设计系列之选项卡(Tabbar)(5)
May 03 Javascript
详解Vue SPA项目优化小记
Jul 03 Javascript
vue webpack开发访问后台接口全局配置的方法
Sep 18 Javascript
vue3.0 CLI - 3.2 路由的初级使用教程
Sep 20 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数组相加 array(“a”)+array(“b”)结果还是array(“a”)
2012/09/19 PHP
php 无法加载mcrypt.dll的解决办法
2013/04/03 PHP
php安装扩展mysqli的实现步骤及报错解决办法
2017/09/23 PHP
js读取配置文件自写
2014/02/11 Javascript
分享10个优化代码的CSS和JavaScript工具
2016/05/11 Javascript
jQuery插件Flexslider实现图片轮播、图文结合滑动切换效果
2020/04/16 Javascript
详细谈谈AngularJS的子级作用域问题
2016/09/05 Javascript
js 判断附件后缀的简单实现方法
2016/10/11 Javascript
微信小程序开发之map地图实现教程
2017/06/08 Javascript
vue单文件组件无法获取$refs的问题
2020/06/24 Javascript
解决vue使用vant下拉框van-dropdown-item 绑定title值不变问题
2020/08/05 Javascript
JavaScript实现瀑布流布局的3种方式
2020/12/27 Javascript
Python使用MySQLdb for Python操作数据库教程
2014/10/11 Python
详解在Python的Django框架中创建模板库的方法
2015/07/20 Python
python正则表达式之作业计算器
2016/03/18 Python
Python 专题六 局部变量、全局变量global、导入模块变量
2017/03/20 Python
使用python 爬虫抓站的一些技巧总结
2018/01/10 Python
Python实现对字典分别按键(key)和值(value)进行排序的方法分析
2018/12/19 Python
关于Python作用域自学总结
2019/06/10 Python
python执行scp命令拷贝文件及文件夹到远程主机的目录方法
2019/07/08 Python
Python读取二进制文件代码方法解析
2020/06/22 Python
基于Python实现粒子滤波效果
2020/12/01 Python
利用Python批量识别电子账单数据的方法
2021/02/08 Python
Python实现我的世界小游戏源代码
2021/03/02 Python
基于html5实现的图片墙效果
2014/10/16 HTML / CSS
Under Armour安德玛英国官网:美国高端运动科技品牌
2018/09/17 全球购物
LODI女鞋在线商店:阿利坎特的鞋类品牌
2019/02/15 全球购物
简述数组与指针的区别
2014/01/02 面试题
linux面试题参考答案(11)
2016/11/26 面试题
资源环境与城市管理专业推荐信
2013/11/30 职场文书
魅力教师事迹材料
2014/01/10 职场文书
经验丰富大学生村干部自我鉴定
2014/01/22 职场文书
中学生打架检讨书
2014/02/10 职场文书
雷锋精神演讲稿
2014/05/13 职场文书
员工辞职信范文
2015/03/02 职场文书
2016幼儿教师自荐信范文
2016/01/28 职场文书