Home

Awesome

vui

Version Downloads License TravisCI

It's a A personal Vue UI component library .

效果预览

请扫描以下二维码

安装

npm 安装

npm i x-vui -S

CDN

<!-- 引入样式 -->
<link rel="stylesheet" href="https://unpkg.com/x-vui/lib/vui-css/index.css">
<!-- 引入组件库 -->
<script src="https://unpkg.com/x-vui/lib/vui.js"></script>

快速开始

完整引入

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

Vue.use(vui)

部分引入

import Vue from 'vue'
import {
  Scroller,
  Select
  // ...
} from 'x-vui'
import 'x-vui/lib/vui-css/scroller.css';
import 'x-vui/lib/vui-css/select.css';

Vue.component(Scroller.name, Scroller)
Vue.component(Select.name, Select)

引入插件

注：完整引入了vui，则无需再注册插件

import Vue from 'vue';
import { 
  $Toast, 
  $Dialog 
  // ...
} from 'x-vui';

Vue.prototype.$toast = $Toast
Vue.prototype.$dialog = $Dialog

贡献代码

修改代码请阅读 开发指南， 使用过程中发现任何问题都可以提 Issue 给我。当然，我也非常欢迎你给我发 PR。

开源协议

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

特别感谢

该组件库部分灵感来自于 element 和 vant，这里感谢 饿了么前端团队 和 有赞前端团队 对开源项目的贡献，手动点波赞 👍