新手快速入门微信小程序组件库 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 相关文章推荐
jquery等宽输出文字插件使用介绍
Sep 18 Javascript
jQuery的显示和隐藏方法与css隐藏的样式对比
Oct 18 Javascript
jquery.validate的使用说明介绍
Nov 12 Javascript
jQuery中:reset选择器用法实例
Jan 04 Javascript
jQuery实现仿百度首页滑动伸缩展开的添加服务效果代码
Sep 09 Javascript
AngularJS基础 ng-include 指令简单示例
Aug 01 Javascript
微信小程序 倒计时组件实现代码
Oct 24 Javascript
微信小程序 空白页重定向解决办法
Jun 27 Javascript
微信小程序使用video组件播放视频功能示例【附源码下载】
Dec 08 Javascript
vue中子组件的methods中获取到props中的值方法
Aug 27 Javascript
如何为你的JS项目添加智能提示与类型检查详解
Mar 12 Javascript
react基本安装与测试示例
Apr 27 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环境配置 php5 mysql5 apache2 phpmyadmin安装与配置
2006/11/17 PHP
使用PHP的日期与时间函数技巧
2008/04/24 PHP
php empty函数 使用说明
2009/08/10 PHP
让php处理图片变得简单 基于gb库的图片处理类附实例代码下载
2011/05/17 PHP
php实现mysql数据库操作类分享
2014/02/14 PHP
destoon调用企业会员公司形象图片的实现方法
2014/08/21 PHP
PHP IDE PHPStorm配置支持友好Laravel代码提示方法
2015/05/12 PHP
ThinkPHP5.0 图片上传生成缩略图实例代码说明
2018/06/20 PHP
PHP去除空数组且数组键名重置的讲解
2019/02/28 PHP
(JS实现)MapBar中坐标的加密和解密的脚本
2007/05/16 Javascript
JavaScript Event学习第七章 事件属性
2010/02/07 Javascript
JavaScript去掉空格的方法集合
2010/12/28 Javascript
js的参数有长度限制吗?发现不能超过2083个字符
2014/04/20 Javascript
js随机生成网页背景颜色的方法
2015/02/26 Javascript
jQuery实现鼠标经过事件的延时处理效果
2020/08/20 Javascript
javascript设计模式之module(模块)模式
2016/08/19 Javascript
bootstrap fileinput 上传插件的基础使用
2017/02/17 Javascript
详解Vue 实例中的生命周期钩子
2017/03/21 Javascript
基于angular6.0实现的一个组件懒加载功能示例
2018/04/12 Javascript
Vue Prop属性功能与用法实例详解
2019/02/23 Javascript
微信小程序利用swiper+css实现购物车商品删除功能
2019/03/06 Javascript
JS中this的4种绑定规则详解
2020/02/04 Javascript
原生JavaScript实现贪吃蛇游戏
2020/11/04 Javascript
用Python实现KNN分类算法
2017/12/22 Python
详解Python中的正则表达式
2018/07/08 Python
Pandas过滤dataframe中包含特定字符串的数据方法
2018/11/07 Python
如何基于python生成list的所有的子集
2019/11/11 Python
python爬虫中的url下载器用法详解
2020/11/30 Python
Pycharm 如何一键加引号的方法步骤
2021/02/05 Python
canvas中普通动效与粒子动效的实现代码示例
2019/01/03 HTML / CSS
俄罗斯外国汽车和国产汽车配件网上商店:Движком
2020/04/19 全球购物
经管应届生求职信
2013/11/17 职场文书
学生自我鉴定
2013/12/18 职场文书
小学生元旦广播稿
2014/02/21 职场文书
党员创先争优承诺书
2014/03/26 职场文书
小学语文教师竞聘演讲稿范文
2019/08/09 职场文书