vant

前端 框架
有赞开发的基于 Vue.js 2.0 的 UI 组件库

有赞logo

项目logo

A Vue.js 2.0 Mobile UI at YouZan

Build Status Coverage Status npm version downloads

一、安装

npm i -S vant

二、使用

1. 导入所有组件

import Vue from 'vue';
import vant from 'vant';
// 你也可以使用自己的主题
import 'vant/lib/vant-css/index.css';

Vue.use(vant);

2. 按需导入组件

import Vue from 'vue';
import { Button, Cell } from 'vant';
import 'vant/lib/vant-css/button.css';
import 'vant/lib/vant-css/cell.css';

Vue.component(Button.name, Button);
Vue.component(Cell.name, Cell);

三、开发

1. 新建一个组件

make init componentName

2. 示例预览

docs/nav.config.json文件里合适的地方写入组件声明,根据组件类型(JS组件,CSS组件,Form等)进行区分 在docs/examples-docs目录里新建同名的md文件,如waterfall.md,在项目的根目录下执行以下命令,启动server:

npm run dev

浏览器访问http://localhost:8080就可以看到所有组件的示例了。

四、手机预览

可以手机扫码以下二维码访问手机端demo:

zanui_vue_mobile_qrcode

五、开源协议

本项目基于 MIT 协议,请自由地享受和参与开源。

vant 相关推荐
对于该库,你有要推荐的内容么?点此提交推荐
请文明评论,与人为善,比聪明更重要!
评论