新手快速入门微信小程序组件库 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 相关文章推荐
比较简单实用的使用正则三种版本的js去空格处理方法
Nov 18 Javascript
javascript URL编码和解码使用说明
Apr 12 Javascript
html5的自定义data-*属性和jquery的data()方法的使用示例
Aug 21 Javascript
JavaScript如何从listbox里同时删除多个项目
Oct 12 Javascript
三种检测iPhone/iPad设备方向的方法
Apr 23 Javascript
深入剖析JavaScript编程中的对象概念
Oct 21 Javascript
jquery dialog获取焦点的方法
Feb 09 Javascript
mpvue中配置vuex并持久化到本地Storage图文教程解析
Mar 15 Javascript
React如何避免重渲染
Apr 10 Javascript
javascript中this的用法实践分析
Jul 29 Javascript
vue组件中节流函数的失效的原因和解决方法
Dec 02 Vue.js
详解TypeScript的基础类型
Feb 18 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日历[测试通过]
2008/03/27 PHP
对淘宝URL中ID提取的PHP代码
2013/09/01 PHP
在PHP站点的页面上添加Facebook评论插件的实例教程
2016/01/08 PHP
PHP 生成微信红包代码简单
2016/03/25 PHP
php中关于长度计算容易混淆的问题分析
2016/05/27 PHP
PHP7扩展开发之hello word实现方法详解
2018/01/15 PHP
PHP使用OB缓存实现静态化功能示例
2019/03/23 PHP
豆瓣网的jquery代码实例
2008/06/15 Javascript
Javascript 陷阱 window全局对象
2008/11/26 Javascript
javaScript checkbox 全选/反选及批量删除
2010/04/28 Javascript
javascript instanceof 内部机制探析
2010/10/15 Javascript
JavaScript新窗口与子窗口传值详解
2014/02/11 Javascript
js中日期的加减法
2015/05/06 Javascript
jquery单击事件和双击事件冲突解决方案
2016/03/02 Javascript
深入理解Commonjs规范及Node模块实现
2017/05/17 Javascript
Javascript循环删除数组中元素的几种方法示例
2017/05/18 Javascript
ES6中的rest参数与扩展运算符详解
2017/07/18 Javascript
详解vue中的computed的this指向问题
2018/12/05 Javascript
Vue传参一箩筐(页面、组件)
2019/04/04 Javascript
Node 代理访问的实现
2019/09/19 Javascript
vue实现移动端图片上传功能
2019/12/23 Javascript
VSCode 配置uni-app的方法
2020/07/11 Javascript
Python3.x和Python2.x的区别介绍
2013/02/12 Python
在python win系统下 打开TXT文件的实例
2018/04/29 Python
python验证码识别教程之灰度处理、二值化、降噪与tesserocr识别
2018/06/04 Python
Python3.5文件修改操作实例分析
2019/05/01 Python
解决tensorflow打印tensor有省略号的问题
2020/02/04 Python
Python查找不限层级Json数据中某个key或者value的路径方式
2020/02/27 Python
HTML5 input placeholder 颜色修改示例
2014/05/30 HTML / CSS
使用html2canvas实现将html内容写入到canvas中生成图片
2020/01/03 HTML / CSS
新领导上任欢迎词
2014/01/13 职场文书
条幅标语大全
2014/06/20 职场文书
教师党员自我评议不足范文
2014/10/19 职场文书
团组织推优材料
2014/12/29 职场文书
解决Vue+SpringBoot+Shiro跨域问题
2021/06/09 Vue.js
CSS 一行代码实现头像与国旗的融合
2021/10/24 HTML / CSS