Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/brickies/vui
💯 A personal Vue UI component library for Mobile
https://github.com/brickies/vui
components es6 eslint javascript vue
Last synced: about 19 hours ago
JSON representation
💯 A personal Vue UI component library for Mobile
- Host: GitHub
- URL: https://github.com/brickies/vui
- Owner: Brickies
- License: mit
- Created: 2017-12-23T18:58:18.000Z (about 7 years ago)
- Default Branch: dev
- Last Pushed: 2022-12-06T23:15:59.000Z (about 2 years ago)
- Last Synced: 2024-12-22T08:06:21.812Z (3 days ago)
- Topics: components, es6, eslint, javascript, vue
- Language: JavaScript
- Homepage: http://qiangdada.cn/
- Size: 11 MB
- Stars: 168
- Watchers: 8
- Forks: 44
- Open Issues: 20
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: .github/CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
README
# [vui](https://brickies.github.io/vui/)
[![Version](https://img.shields.io/npm/v/x-vui.svg)](https://www.npmjs.com/package/x-vui) [![Downloads](http://img.shields.io/npm/dm/x-vui.svg)](https://www.npmjs.com/package/x-vui) [![License](https://img.shields.io/npm/l/x-vui.svg?style=flat)](https://opensource.org/licenses/MIT) [![TravisCI](https://travis-ci.org/Brickies/vui.svg)](https://travis-ci.org/Brickies/vui)
> It's a A personal Vue UI component library .
## 效果预览
**请扫描以下二维码**
![](https://raw.githubusercontent.com/xuqiang521/vui/master/src/assets/qrcode.png)
## 安装
### npm 安装
```shell
npm i x-vui -S
```### CDN
```html```
## 快速开始
### 完整引入
```javascript
import Vue from 'vue'
import vui from 'x-vui'
import 'x-vui/lib/vui-css/index.css';Vue.use(vui)
```### 部分引入
```javascript
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,则无需再注册插件**
```javascript
import Vue from 'vue';
import {
$Toast,
$Dialog
// ...
} from 'x-vui';Vue.prototype.$toast = $Toast
Vue.prototype.$dialog = $Dialog
```
## 贡献代码修改代码请阅读 [开发指南](https://github.com/Brickies/vui/blob/dev/.github/CONTRIBUTING.md), 使用过程中发现任何问题都可以提 [Issue](https://github.com/Brickies/vui/issues) 给我。当然,我也非常欢迎你给我发 [PR](https://github.com/Brickies/vui/pulls)。
## 开源协议
本项目基于 [MIT](https://zh.wikipedia.org/wiki/MIT%E8%A8%B1%E5%8F%AF%E8%AD%89) 协议,请自由地享受和参与开源。
## 特别感谢
该组件库部分灵感来自于 [`element`](https://github.com/ElemeFE/element) 和 [`vant`](https://github.com/youzan/vant),这里感谢 [`饿了么前端团队`](https://github.com/ElemeFE) 和 [`有赞前端团队`](https://github.com/youzan) 对开源项目的贡献,手动点波赞 👍