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: 6 months 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 (over 8 years ago)
• Default Branch: dev
• Last Pushed: 2022-12-06T23:15:59.000Z (over 3 years ago)
• Last Synced: 2025-09-09T06:31:35.865Z (7 months ago)
• Topics: components, es6, eslint, javascript, vue
• Language: JavaScript
• Homepage: http://qiangdada.cn/
• Size: 11 MB
• Stars: 169
• Watchers: 7
• 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) 对开源项目的贡献，手动点波赞 👍