新手快速入门微信小程序组件库 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实现控制台控件的代码
Sep 04 Javascript
jQuery 第二课 操作包装集元素代码
Mar 14 Javascript
JQuery动画和停止动画实例代码
Mar 01 Javascript
JS代码同步文本框内容的实例方法
Jul 12 Javascript
javascript为按钮注册回车事件(设置默认按钮)的方法
May 09 Javascript
jQuery实现网页抖动的菜单抖动效果
Aug 07 Javascript
深入浅析同源策略和跨域访问
Nov 26 Javascript
javascript冒泡排序小结
Apr 10 Javascript
基于jQuery和hwSlider实现内容左右滑动切换效果附源码下载(一)
Jun 22 Javascript
原生js获取iframe中dom元素--父子页面相互获取对方dom元素的方法
Aug 05 Javascript
vue项目使用axios发送请求让ajax请求头部携带cookie的方法
Sep 26 Javascript
微信小程序工具函数封装
Oct 28 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验证码(支持中文)
2007/02/14 PHP
php设计模式之单例模式使用示例
2014/01/20 PHP
php 发送带附件邮件示例
2014/01/23 PHP
PHP中的一些常用函数收集
2015/05/26 PHP
php创建图像具体步骤
2017/03/13 PHP
Laravel中获取路由参数Route Parameters的五种方法示例
2017/09/29 PHP
PHP htmlspecialchars() 函数实例代码及用法大全
2018/09/18 PHP
微博@符号的用户名提示效果。(想@到谁?)
2010/11/05 Javascript
jQuery点击tr实现checkbox选中的方法
2013/03/19 Javascript
原生Aajax 和jQuery Ajax 写法个人总结
2017/03/24 jQuery
vue修改vue项目运行端口号的方法
2017/08/04 Javascript
Vue.js与 ASP.NET Core 服务端渲染功能整合
2017/11/16 Javascript
JS 中document.write()的用法和清空的原因浅析
2017/12/04 Javascript
Vuex 入门教程
2018/01/10 Javascript
angular-tree-component的使用详解
2018/07/30 Javascript
解决使用bootstrap的dropdown部件时报错:error:Bootstrap dropdown require Popper.js问题
2018/08/30 Javascript
Vue.js更改调试地址端口号的实例
2018/09/19 Javascript
vue开发移动端底部导航条功能
2020/04/08 Javascript
Vue实现手机号、验证码登录(60s禁用倒计时)
2020/12/19 Vue.js
python 地图经纬度转换、纠偏的实例代码
2018/08/06 Python
Python环境Pillow( PIL )图像处理工具使用解析
2019/09/12 Python
python打包生成so文件的实现
2020/10/30 Python
印度领先的在线时尚商店:Koovs
2016/08/28 全球购物
研究生求职推荐信范文
2013/11/30 职场文书
营销人才自我鉴定范文
2013/12/25 职场文书
高三自我评价
2014/02/01 职场文书
调解员先进事迹材料
2014/02/07 职场文书
中专毕业生个人职业生涯规划
2014/02/19 职场文书
支部组织生活会方案
2014/06/10 职场文书
学习党的群众路线实践活动思想汇报
2014/09/12 职场文书
幼儿教师个人总结
2015/02/05 职场文书
2016年国庆节宣传标语
2015/11/25 职场文书
公司中层管理培训心得体会
2016/01/11 职场文书
如何使用Python提取Chrome浏览器保存的密码
2021/06/09 Python
python 单机五子棋对战游戏
2022/04/28 Python
Win11使用CAD卡顿或者致命错误怎么办?Win11无法正常使用CAD的解决方法
2022/07/23 数码科技