Vue Mobile UI at YouZan

一、安装

ynpm install @youzan/zanui-vue

二、使用

1. 导入所有组件

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

Vue.use(ZanUI);

2. 按需导入组件

import Vue from 'vue';
import { Button, Cell } from '@youzan/zanui-vue';
import '@youzan/zanui-vue/lib/zanui-css/button.css';
import '@youzan/zanui-vue/lib/zanui-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：

make dev

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

四、开源协议

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