shangguanmr / vant

A Vue.js 2.0 Mobile UI From YouZan

A Vue.js 2.0 Mobile UI at YouZan

访问中文版

Install

npm i -S vant

Usage

Use babel-plugin-import (Recommended)

// .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：

LICENSE

MIT