Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/aliqin/atui

A Vue.js 2.0 UI Toolkit for Web
https://github.com/aliqin/atui

javascript ui-components ui-kit ui-toolkit vue vue-components vue2

Last synced: about 11 hours ago
JSON representation

A Vue.js 2.0 UI Toolkit for Web

Awesome Lists containing this project

README

        



如果你有Vue组件建设经验,欢迎你[加入我们一起完善ATUI](https://zhuanlan.zhihu.com/p/23035940)

# ATUI
[![Build Status](https://travis-ci.org/aliqin/atui.svg?branch=dev)](https://travis-ci.org/aliqin/atui)
[![codecov](https://codecov.io/gh/aliqin/atui/branch/dev/graph/badge.svg)](https://codecov.io/gh/aliqin/atui/branch/dev)
[![NPM download][npmdl-image]][npm-url]
[![NPM version][npm-image]][npm-url]
[![gzip size:JS][gzipjs-image]][npm-url]
[![gzip size:css][gzipcss-image]][npm-url]
[![license][license-image]][npm-url]
[![Gitter](https://badges.gitter.im/aliqin/atui.svg)](https://gitter.im/aliqin/atui?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge)

[npmdl-image]: https://img.shields.io/npm/dm/atui.svg
[npm-image]: https://img.shields.io/npm/v/atui.svg?style=flat
[gzipjs-image]: http://img.badgesize.io/https://unpkg.com/atui/dist/atui.js?compression=gzip&label=gzip%20size:%20JS
[gzipcss-image]: http://img.badgesize.io/https://unpkg.com/atui/dist/greater-blue.css?compression=gzip&label=gzip%20size:%20CSS
[npm-url]: https://www.npmjs.com/package/atui
[license-image]: https://img.shields.io/badge/license-MIT-blue.svg

> A Vue.js 2.0 UI Toolkit for Web

require [Vue.js](http://vuejs.org/) `>=v2.1.4`

--------

## Install

```bash
$ npm install atui --save-dev
```

## Quick Start
```js

// css
import 'atui/dist/greater-blue.css'

// import atui
import atui from 'atui'

new Vue({
components: {
vButton: atui.Button,
vDatePicker: atui.DatePicker
}
})

// use as required
import vDatePicker from 'atui/lib/date-picker';
new Vue({
components: {
vDatePicker: vDatePicker
}
})

```

### use in browser

```html

new Vue({
components: {
vButton: atui.Button
}
})

```

### Roadmap
https://github.com/aliqin/atui/wiki/roadmap

### License
MIT

### Thanks
* [ant.design](https://ant.design)
* [bisheng](https://github.com/benjycui/bisheng)