Package Exports
- vant
- vant/lib/actionsheet
- vant/lib/actionsheet/style
- vant/lib/address-edit
- vant/lib/address-list
- vant/lib/area
- vant/lib/area/style
- vant/lib/badge
- vant/lib/badge-group
- vant/lib/badge-group/style
- vant/lib/badge/style
- vant/lib/button
- vant/lib/button/style
- vant/lib/card
- vant/lib/card/style
- vant/lib/cell
- vant/lib/cell-group
- vant/lib/cell-group/style
- vant/lib/cell/style
- vant/lib/checkbox
- vant/lib/checkbox-group
- vant/lib/checkbox-group/style
- vant/lib/checkbox/style
- vant/lib/col
- vant/lib/contact-card
- vant/lib/contact-edit
- vant/lib/contact-list
- vant/lib/coupon-cell
- vant/lib/coupon-cell/style
- vant/lib/coupon-list
- vant/lib/coupon-list/style
- vant/lib/datetime-picker
- vant/lib/datetime-picker/style
- vant/lib/datetime-picker/style/index.js
- vant/lib/dialog
- vant/lib/dialog/dialog
- vant/lib/dialog/style
- vant/lib/field
- vant/lib/field/style
- vant/lib/field/style/index.js
- vant/lib/goods-action
- vant/lib/icon
- vant/lib/icon/style
- vant/lib/image-preview
- vant/lib/image-preview/style
- vant/lib/lazyload
- vant/lib/lazyload/style
- vant/lib/loading
- vant/lib/loading/style
- vant/lib/nav-bar
- vant/lib/notice-bar
- vant/lib/number-keyboard
- vant/lib/panel
- vant/lib/password-input
- vant/lib/picker
- vant/lib/picker/style
- vant/lib/popup
- vant/lib/popup/style
- vant/lib/popup/style/index.js
- vant/lib/progress
- vant/lib/pull-refresh
- vant/lib/pull-refresh/style
- vant/lib/radio
- vant/lib/radio-group
- vant/lib/radio-group/style
- vant/lib/radio/style
- vant/lib/row
- vant/lib/search
- vant/lib/search/style
- vant/lib/sku
- vant/lib/step
- vant/lib/stepper
- vant/lib/stepper/style
- vant/lib/steps
- vant/lib/submit-bar
- vant/lib/swipe
- vant/lib/swipe-item
- vant/lib/swipe-item/style
- vant/lib/swipe/style
- vant/lib/switch
- vant/lib/switch-cell
- vant/lib/switch/style
- vant/lib/tab
- vant/lib/tab/style
- vant/lib/tabbar
- vant/lib/tabbar-item
- vant/lib/tabs
- vant/lib/tabs/style
- vant/lib/tag
- vant/lib/tag/style
- vant/lib/toast
- vant/lib/toast/style
- vant/lib/toast/style/index.js
- vant/lib/tree-select
- vant/lib/uploader
- vant/lib/uploader/style
- vant/lib/utils/clickoutside
- vant/lib/utils/scroll
- vant/lib/vant-css/dialog.css
- vant/lib/vant-css/index.css
- vant/lib/waterfall
- vant/lib/waterfall/style
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (vant) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
A Vue.js 2.0 Mobile UI at YouZan
Features
- Components come from wechat mall business of YouZan
- Extensive documentation and demos.
- Support babel-plugin-import
- Unit test coverage over 90%
- Not only have the basic components, but also have a lot of business components
Install
npm i -S vantQuickstart
1. Use babel-plugin-import (Recommended)
# Install babel-plugin-import
npm i babel-plugin-import -D// set babel config in .babelrc or babel-loader
{
"plugins": [
["import", { "libraryName": "vant", "style": true }]
]
}Then you can import components from vant, equivalent to import manually below.
import { Button } from 'vant';2. Manually import
import { Button } from 'vant/lib/button';
import 'vant/lib/vant-css/base.css';
import 'vant/lib/vant-css/button.css';3. Import all components
import Vue from 'vue';
import Vant from 'vant';
import 'vant/lib/vant-css/index.css';
Vue.use(Vant);CDN
<!-- import style -->
<link rel="stylesheet" href="https://unpkg.com/vant/lib/vant-css/index.css" />
<!-- import script --><script></script>
<script 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
Preview
You can scan the following QR code to access the demo：
