0.5.2 • Published 6 years ago
vui-test v0.5.2
vui
It's a A personal Vue UI component library .
安装
npm install x-vui -S
快速开始
完整引入
import { VUICOMS } from 'x-vui'
VUICOMS.map(component => {
Vue.component(component.name, component)
})
引入部分组件
import {
Scroller,
Select
// ...
} from 'x-vui'
Vue.component(Scroller.name, Scroller)
Vue.component(Select.name, Select)
引入插件
import {
$msg,
$modal
} from 'x-vui'
Vue.prototype.$dialog = {
msg: $msg,
modal: $modal
}
三、开发
1. 新建一个组件
make new component-name <component-name>
2. 示例预览
在examples/nav.config.json
文件里合适的地方写入组件声明,根据组件类型(JS组件,CSS组件,Form等)进行区分 在examples/docs
目录里新建同名的md文件,如waterfall.md
,在项目的根目录下执行以下命令,启动server:
npm run dev
浏览器访问http://localhost:8085就可以看到所有组件的示例了。
手机端直接切换到手机调试即可
四、开源协议
本项目基于 MIT 协议,请自由地享受和参与开源。