链氪巴士
  1. 首页
  2. 站点导航
  3. 文章
  4. 快讯
  5. 软件
  6. 书刊
  7. 关于

youzan/vant-weapp:轻量、可靠的小程序UI组件库

youzan/vant - weapp是一个轻量且可靠的小程序UI组件库。2017年开源的Vant官方提供多种版本,包括Vue2、Vue3、微信小程序版本等,社区维护其他版本。有两种安装方式,一种是npm安装,一种是下载代码。还有组件使用的示例等内容,是开发小程序UI时一个不错的...

访问官网 →

【Github】项目名:youzan/vant – weapp:轻量、可靠的小程序UI组件库

项目简介

Vant – weapp是一个轻量且可靠的小程序UI组件库。2017年开源的Vant官方提供了Vue2版本、Vue3版本和微信小程序版本,社区团队维护React版本和支付宝小程序版本。它最低支持到小程序基础库2.6.5版本。

安装方式

有两种安装方式:一是通过npm安装(推荐),如通过npm安装:npmi@vant/weapp – S –production,也可通过yarn安装:yarnadd@vant/weapp–production;二是下载代码,可直接通过git下载VantWeapp源代码,并将dist目录拷贝到自己的项目中,即gitclonehttps://github.com/youzan/vant – weapp.git。

使用组件示例

以按钮组件为例,在json文件中引入按钮对应的自定义组件{“usingComponents”:{“van – button”:”/path/to/vant – weapp/dist/button/index”}},然后就可以在wxml中直接使用组件<van – buttontype = “primary”>按钮</van – button>。在开发者工具中预览时,要先安装项目依赖(npminstall),执行组件编译(npmrundev),打开微信开发者工具,把vant – weapp/example目录添加进去就可以预览示例。

项目总结

这是一个功能丰富、使用方式多样的小程序UI组件库。希望大家在使用过程中有任何想法或者建议都可以在下方留言讨论。

项目地址

GitHub链接直达