# ivue-wheel

> 这是一个 UI 组件库

Latest version **0.1.1** (published 2021-11-04) · 0 weekly downloads

## Install

```sh
npm install ivue-wheel
pnpm add ivue-wheel
yarn add ivue-wheel
bun add ivue-wheel
```

## Health

**Score 10/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; low quality score; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.1 |
| Published | 2021-11-04 |
| First published | 2021-11-04 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 4 |
| Unpacked size | 1.3 MB |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| Maintainers | sunny-117 |

## Links

- npm: https://www.npmjs.com/package/ivue-wheel
- npm.io page: https://npm.io/package/ivue-wheel

## Dependencies (4)

- [svg](https://npm.io/package/svg.md) ^0.1.0
- [vue](https://npm.io/package/vue.md) ^2.6.11
- [core-js](https://npm.io/package/core-js.md) ^3.6.5
- [sass-loader](https://npm.io/package/sass-loader.md) ^8.0.2

## Recent versions

- 0.1.1 (latest) — 2021-11-04
- 0.1.0 — 2021-11-04

## README

<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)

---
_Source: https://npm.io/package/ivue-wheel · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._
