新手快速入门微信小程序组件库 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 面向对象 重载
May 13 Javascript
网页中返回顶部代码(多种方法)另附注释说明
Apr 24 Javascript
浅析showModalDialog数据缓存问题(用禁止浏览器缓存解决)
Jul 09 Javascript
在JavaScript中重写jQuery对象的方法实例教程
Aug 25 Javascript
浅析JavaScript中的事件机制
Jun 04 Javascript
JavaScript学习小结(7)之JS RegExp
Nov 29 Javascript
关于JavaScript中事件绑定的方法总结
Oct 26 Javascript
详解基于Bootstrap+angular的一个豆瓣电影app
Jun 26 Javascript
十大 Node.js 的 Web 框架(快速提升工作效率)
Jun 30 Javascript
js实现可以点击收缩或张开的悬浮窗
Sep 18 Javascript
微信小程序实现点击按钮修改文字大小功能【附demo源码下载】
Dec 06 Javascript
vue生命周期与钩子函数简单示例
Mar 13 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/08 PHP
PHP中遇到的时区问题解决方法
2015/07/23 PHP
php实现压缩合并js的方法【附demo源码下载】
2016/09/22 PHP
Yii2框架BootStrap样式的深入理解
2016/11/07 PHP
使用Git实现Laravel项目的自动化部署
2019/11/24 PHP
jQuery 扩展对input的一些操作方法
2009/10/30 Javascript
Javascript面向对象编程(三) 非构造函数的继承
2011/08/28 Javascript
Javascript无阻塞加载具体方式
2013/06/28 Javascript
详解jQuery插件开发中的extend方法
2013/11/19 Javascript
解析JavaScript中的不可见数据类型
2013/12/02 Javascript
JS简单实现禁止访问某个页面的方法
2016/09/13 Javascript
JS实现仿百度文库评分功能
2017/01/12 Javascript
用纯Node.JS弹出Windows系统消息提示框实例(MessageBox)
2017/05/17 Javascript
Webpack执行命令参数详解
2017/06/17 Javascript
浅谈jquery中ajax跨域提交的时候会有2次请求的问题
2017/11/10 jQuery
打通前后端构建一个Vue+Express的开发环境
2018/07/17 Javascript
Iview Table组件中各种组件扩展的使用
2018/10/20 Javascript
Vue Cli 3项目使用融云IM实现聊天功能的方法
2019/04/19 Javascript
JavaScript实现轮播图特效
2020/04/10 Javascript
Python发送以整个文件夹的内容为附件的邮件的教程
2015/05/06 Python
Python使用lxml模块和Requests模块抓取HTML页面的教程
2016/05/16 Python
python基础教程项目四之新闻聚合
2018/04/02 Python
python实现在图片上画特定大小角度矩形框
2018/10/24 Python
关于Tensorflow使用CPU报错的解决方式
2020/02/05 Python
Python环境管理virtualenv&amp;virtualenvwrapper的配置详解
2020/07/01 Python
基于python模拟TCP3次握手连接及发送数据
2020/11/06 Python
H5 canvas中width、height和style的宽高区别详解
2018/11/02 HTML / CSS
实例讲解使用SVG制作loading加载动画的方法
2016/04/05 HTML / CSS
法律专业个人实习自我鉴定
2013/09/23 职场文书
项目管理计划书
2014/01/09 职场文书
文秘应聘自荐书范文
2014/02/18 职场文书
2014年幼儿园老师工作总结
2014/12/05 职场文书
银行优秀员工推荐信
2015/03/24 职场文书
红色影片观后感
2015/06/18 职场文书
css 中多种边框的实现小窍门
2021/04/07 HTML / CSS
Redis分布式锁的7种实现
2022/04/01 Redis