JSPM

vant

0.9.1
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 95922
  • Score
    100M100P100Q145129F
  • License ISC

有赞vue wap组件库

Package Exports

  • vant
  • vant/lib/actionsheet
  • vant/lib/actionsheet/style
  • 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/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/notice-bar
  • vant/lib/panel
  • 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/quantity
  • vant/lib/quantity/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/step
  • vant/lib/steps
  • 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/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/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

有赞logo

项目logo

A Vue.js 2.0 Mobile UI at YouZan

Build Status Coverage Status npm version downloads

访问中文版

Install

npm i -S vant

Usage

// .babelrc or babel-loader option
{
  "plugins": [
    ["import", { "libraryName": "vant", "style": true }]
  ]
}

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

// import js and css modularly, parsed by babel-plugin-import
import { Button } from 'vant';

Manually import

import { Button } from 'vant';
import 'vant/lib/vant-css/button.css';

Import all components

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

Vue.use(vant);

Development

Add a new component

make init componentName

Start coding

Start development mode:

npm run dev

Visit http://localhost:8080 to see an example of all components.

Preview

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

zanui_vue_mobile_qrcode

LICENSE

MIT