0

Vant

基于 Vue 的轻量级移动 UI 组件。「Lightweight Mobile UI Components built on Vue.」

官方网站
Github 资源库
主要指标

Github星跟踪图

Vant

轻量、可靠的移动端 Vue 组件库

fire 文档网站     rocket 小程序版

特性

  • 60+ 高质量组件
  • 90% 单元测试覆盖率
  • 完善的中英文文档和示例
  • 支持按需引入
  • 支持主题定制
  • 支持国际化
  • 支持 TS
  • 支持 SSR

安装

# 通过 npm 安装
npm i vant -S
# 通过 yarn 安装
yarn add vant

快速上手

import Vue from 'vue';
import { Button } from 'vant';
import 'vant/lib/index.css';
Vue.use(Button);

vant 也支持按需引入、CDN 引入等方式，详细说明见 快速上手。

贡献代码

修改代码请阅读 开发指南。

使用过程中发现任何问题都可以提 Issue，当然，也非常欢迎 PR。

浏览器支持

现代浏览器以及 Android 4.0+, iOS 8.0+.

生态

项目 描述
vant-demo Vant 官方示例合集
vant-weapp 微信小程序组件库
vant-react Vant React 版（由社区维护）
vant-cli 开箱即用的组件库搭建工具
vant-icons Vant 图标库
vant-touch-emulator 在桌面端使用 Vant 的辅助库

链接

手机预览

可以手机扫码以下二维码访问手机端 demo：

开源协议

本项目基于 MIT 协议，请自由地享受和参与开源。

概览

名称与所有者youzan/vant
主编程语言TypeScript
编程语言JavaScript (语言数: 7)
平台Linux, Mac, Web browsers, Windows, Android, iOS
许可证MIT License
发布数582
最新版本名称v4.8.11 (发布于 2024-04-14 21:21:08)
第一版名称v0.0.3 (发布于 2017-02-27 21:11:53)
创建于2017-04-19 07:55:31
推送于2024-04-28 16:08:54
最后一次提交
星数22.7k
关注者数368
派生数9.5k
提交数10k
已启用问题?
问题数7089
打开的问题数57
拉请求数4984
打开的拉请求数18
关闭的拉请求数342
已启用Wiki?
已存档?
是复刻?
已锁定?
是镜像?
是私有?

Features

  • 60+ Reusable components
  • 90% Unit test coverage
  • Extensive documentation and demos
  • Support babel-plugin-import
  • Support Custom Theme
  • Support i18n
  • Support TS
  • Support SSR

Install

# Using npm
npm i vant -S

# Using yarn
yarn add vant

Quickstart

import Vue from 'vue';
import { Button } from 'vant';
import 'vant/lib/index.css';

Vue.use(Button);

See more in Quickstart.

Contribution

Please make sure to read the Contributing Guide before making a pull request.

Browser Support

Modern browsers and Android 4.0+, iOS 8.0+.

Ecosystem

Project Description
vant-demo Official vant demo collection
vant-weapp WeChat MiniProgram UI
vant-cli Scaffold for UI library
vant-icons Vant icons
vant-touch-emulator Using vant in desktop browsers

Preview

You can scan the following QR code to access the demo：

Wechat Group

Scan the qrcode to join our wechat discussion group, please note that you want to join Vant discussion group.

LICENSE

MIT

去到顶部