Vant

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

Github stars Tracking Chart

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 协议,请自由地享受和参与开源。

Overview

Name With Owneryouzan/vant
Primary LanguageTypeScript
Program languageJavaScript (Language Count: 7)
PlatformLinux, Mac, Web browsers, Windows, Android, iOS
License:MIT License
Release Count578
Last Release Namev4.8.7 (Posted on 2024-03-18 15:00:07)
First Release Namev0.0.3 (Posted on 2017-02-27 21:11:53)
Created At2017-04-19 07:55:31
Pushed At2024-03-23 12:09:23
Last Commit At
Stargazers Count22.6k
Watchers Count368
Fork Count9.5k
Commits Count9.9k
Has Issues Enabled
Issues Count7040
Issue Open Count45
Pull Requests Count4939
Pull Requests Open Count18
Pull Requests Close Count332
Has Wiki Enabled
Is Archived
Is Fork
Is Locked
Is Mirror
Is Private

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

To the top