新手快速入门微信小程序组件库 iView Weapp

 更新时间:2019年06月24日 17:12:40   作者:祈澈菇凉  
这篇文章主要介绍了新手快速入门微信小程序组件库 iView Weapp,iView Weapp 提供了与 iView 一致的 UI 和尽可能相同的接口名称,大幅度降低了学习成本,是一套一套高质量的微信小程序 UI 组件库,需要的朋友可以参考下

介绍

iView Weapp 提供了与 iView 一致的 UI 和尽可能相同的接口名称,大幅度降低了学习成本,是一套一套高质量的微信小程序 UI 组件库。

使用步骤

1:首先在github上面下载组件库代码

github

2:下载之后解压

可以看到解压的组件文件内容,选择 dist文件,将 dist 目录拷贝到自己的小程序项目中

3:开始写代码

写页面效果,写一个按钮

在json文件里面引入组件

{
"usingComponents": {
"i-button": "../../dist/button/index"
}
}

在wxml页面,,复制文档组件库代码示例

<i-button type="primary" bind:click="handleClick">这是一个按钮</i-button>

代码完成之后,可以在左侧查看按钮效果

结语

iView Weapp和Vant的用法相似,再开发小程序的时候,都属于一个很好用的组件库,简单容易,只要引入即可使用,对于不想写代码的宝宝们来说,是一个不错的选择。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • 微信小程序实现分类菜单激活状态随列表滚动而自动切换效果详解

    微信小程序实现分类菜单激活状态随列表滚动而自动切换效果详解

    这篇文章主要介绍了微信小程序分类菜单激活状态跟随列表滚动自动切换,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习吧
    2023-01-01
  • JS实现的集合去重,交集,并集,差集功能示例

    JS实现的集合去重,交集,并集,差集功能示例

    这篇文章主要介绍了JS实现的集合去重,交集,并集,差集功能,结合实例形式分析了javascript基于数组实现的集合去重、交集、并集、差集等相关实现技巧,需要的朋友可以参考下
    2018-03-03
  • 浅谈jQuery异步对象(XMLHttpRequest)

    浅谈jQuery异步对象(XMLHttpRequest)

    文章浅显易懂的将jQuery异步对象分为了5个步奏,非常有利于我们学习记忆,是篇相当不错的学习jQuery异步对象的文章,这里推荐给大家。
    2014-11-11
  • 原生JavaScript之es6中Class的用法分析

    原生JavaScript之es6中Class的用法分析

    这篇文章主要介绍了原生JavaScript之es6中Class的用法,结合实例形式对比分析了es6与es5相关class定义、区别及使用技巧,需要的朋友可以参考下
    2020-02-02
  • 基于JS实现带并发限制的异步调度器

    基于JS实现带并发限制的异步调度器

    这篇文章主要为大家详细介绍了如何基于JS实现带并发限制的异步调度器,文中的示例代码讲解详细,具有一定的学习价值,需要的可以参考下
    2023-05-05
  • js清除浏览器缓存的几种方法

    js清除浏览器缓存的几种方法

    本文主要介绍了js清除浏览器缓存的几种方法,具有很好的参考价值,下面跟着小编一起来看下吧
    2017-03-03
  • tsconfig.json配置详解

    tsconfig.json配置详解

    这篇文章主要介绍了tsconfig.json配置详解,tsconfig.json文件中指定了用来编译这个项目的根文件和编译选项,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-05-05
  • Bootstrap 表单验证formValidation 实现远程验证功能

    Bootstrap 表单验证formValidation 实现远程验证功能

    这篇文章主要介绍了Bootstrap 表单验证formValidation 实现远程验证功能,需要的朋友可以参考下
    2017-05-05
  • asp.net HttpHandler实现图片防盗链

    asp.net HttpHandler实现图片防盗链

    这个例子来自于《Maximizing ASP.NET Real World, Object-Oriented Development》一书, 需要的朋友可以参考下。
    2009-11-11
  • 理解Javascript闭包

    理解Javascript闭包

    闭包是ECMAScript一个很重要的特征,但是却很难用合适的定义来描述它。虽然闭包很难清晰地描述,但是,却很容易创建,或者说,不小心创建。然而,闭包的存在其实是有一定的潜在问题的。为了避免“不小心”地创建闭包,以及更好地利用闭包的优点,有必要理解闭包的机制
    2013-11-11

最新评论