1 Star 0 Fork 80

Jason / Vant

forked from Gitee 极速下载 / Vant 
加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

有赞logo

项目logo

A Vue.js 2.0 Mobile UI at YouZan

Build Status Coverage Status npm version downloads

一、安装

npm i -S vant

二、使用

使用 babel-plugin-import (推荐)

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

  接着你可以直接引入 vant 组件,等价于下方的按需引入组件

  // 模块化地引入 js 和 css, 通过 babel-plugin-import 插件解析
  import { Button } from 'vant';

按需引入组件

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

导入所有组件

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

Vue.use(vant);

三、开发

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 是有赞开源的一套基于 Vue 2.0 的 Mobile 组件库 展开 收起
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
1
https://gitee.com/jasonyp/Vant.git
git@gitee.com:jasonyp/Vant.git
jasonyp
Vant
Vant
master

搜索帮助