youzan/vant

Name: vant

Owner: ??

Description: A Vue.js 2.0 Mobile UI at YouZan

Created: 2017-04-19 07:55:31.0

Updated: 2018-01-18 14:42:10.0

Pushed: 2018-01-18 10:31:33.0

Homepage: https://www.youzanyun.com/zanui/vant

Size: 13753

Language: JavaScript

GitHub Committers

User	Most Recent Commit	# Commits

Other Committers

User	Email	Most Recent Commit	# Commits

README

A Vue.js 2.0 Mobile UI at YouZan

?????

Features

• 48+ Reusable components
• 90%+ Unit test coverage
• Extensive documentation and demos
• Support babel-plugin-import
• Support TypeScript
• Support SSR

Install

i -S vant

Quickstart

1. Use babel-plugin-import (Recommended)

stall babel-plugin-import
i babel-plugin-import -D

s
et babel config in .babelrc or babel-loader

lugins": [
["import", { "libraryName": "vant", "style": true }]

Then you can import components from vant, equivalent to import manually below.

rt { Button } from 'vant';

2. Manually import

rt Button from 'vant/lib/button';
rt 'vant/lib/vant-css/base.css';
rt 'vant/lib/vant-css/button.css';

3. Import all components

rt Vue from 'vue';
rt Vant from 'vant';
rt 'vant/lib/vant-css/index.css';

use(Vant);

CDN

 import style -->
k rel="stylesheet" href="https://unpkg.com/vant/lib/vant-css/index.css" />

 import script -->
ipt src="https://unpkg.com/vant/lib/vant.min.js"></script>

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 6+.

Links

• Documentation
• Changelog
• React UI
• Weapp UI
• Vant Demo
• vue-cli-template-vant

Preview

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

LICENSE

MIT