<p align="center">
  <a href="https://sunny-117.github.io/IVUE-WHEEL/">
    <img width="200" src="https://sunny-117.github.io/IVUE-WHEEL/wheel.png">
  </a>
</p>

<h1 align="center">
  <a href="https://adashuai5.github.io/wheels-ada/" target="_blank">ivue-wheel</a>
</h1>

<div align="center">

An easy UI components based on Vue.

[![Build Status](https://travis-ci.org/travis-ci/travis-web.svg?branch=master)](https://travis-ci.org/travis-ci/travis-web)
[![npm package](https://img.shields.io/npm/v/wheels-ada.svg?style=flat-square)](https://www.npmjs.com/package/ivue-wheel)
![](https://img.shields.io/badge/language-JavaScript-yellow.svg)
![](https://img.shields.io/badge/license-MIT-000000.svg)

</div>

ivue-wheel 是一个实用的 UI 组件库，目前提供了一些常用组件，适合 PC 端和移动端使用。

## 现已支持

- [x] Button（按钮）
- [x] Input（输入框）
- [x] Grid（栅栏）
- [x] Layout（布局）
- [x] Toast（吐司弹出）
- [x] Tabs（标签页）
- [x] Popover（弹出框）
- [x] Collapse（折叠面板）
- [x] List（列表）

## 介绍

wheel 就是轮子，这是我在使用 Vue 的过程中尝试实现的 UI 组件（造的轮子）集合，希望对你有用。

## 开始使用

1. 添加 CSS 样式
   使用本框架前，请在 CSS 中开启 border-box

   ```
   *，*::before,*::after{ box-sizing: border-box }
   ```

   IE 8 及以上浏览器支持此样式。

2. 安装 ivue-wheel

   ```
   npm install ivue-wheel
   ```

   或者

   ```
   yarn add ivue-wheel
   ```

3. 引入 ivue-wheel

   ```
   import { Button } from 'ivue-wheel'
   import 'ivue-wheel/dist/index.css'

   export default {
       name: 'app',
       components: {
           'w-button': Button
       }
   }
   ```

## 文档

[官方文档](https://sunny-117.github.io/IVUE-WHEEL/)

## 提问

[Issues](https://github.com/Sunny-117/IVUE-WHEEL/issues)

## 联系方式

邮箱：zhiqiangfu6@gmail.com

## 贡献代码

[Pull request](https://github.com/Sunny-117/IVUE-WHEEL/pulls)
