# tomtangwheel

> 一个Vue UI 组件库

Latest version **0.0.3** (published 2021-02-03) · MIT license · 0 weekly downloads

## Install

```sh
npm install tomtangwheel
pnpm add tomtangwheel
yarn add tomtangwheel
bun add tomtangwheel
```

## Health

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

Positive: no vulnerabilities.

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

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.3 |
| Published | 2021-02-03 |
| First published | 2021-02-01 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 9 |
| Unpacked size | 833.6 KB |
| Known vulnerabilities | 0 (+4 in 4 direct dependencies) |
| Install scripts | no |
| GitHub stars | 0 |
| Author | tyj1113 |
| Maintainers | tomtang |

## Links

- npm: https://www.npmjs.com/package/tomtangwheel
- Repository: https://github.com/tyj1113/wheel
- Homepage: https://github.com/tyj1113/wheel#readme
- Issues: https://github.com/tyj1113/wheel/issues
- npm.io page: https://npm.io/package/tomtangwheel

## Dependencies (9)

- [vue](https://npm.io/package/vue.md) ^2.6.12
- [chai](https://npm.io/package/chai.md) ^4.2.0
- [node-sass](https://npm.io/package/node-sass.md) ^5.0.0
- [chai-spies](https://npm.io/package/chai-spies.md) ^1.0.0
- [sass-loader](https://npm.io/package/sass-loader.md) ^10.1.1
- [parcel-bundler](https://npm.io/package/parcel-bundler.md) 1.9.3
- [vue-hot-reload-api](https://npm.io/package/vue-hot-reload-api.md) ^2.3.4
- [vue-template-compiler](https://npm.io/package/vue-template-compiler.md) ^2.6.12
- [@vue/component-compiler-utils](https://npm.io/package/@vue/component-compiler-utils.md) ^3.2.0

## Recent versions

- 0.0.3 (latest) — 2021-02-03
- 0.0.2 — 2021-02-02
- 0.0.1 — 2021-02-01

## README

# tom-ui - 一个Vue UI 组件库

[![Build Status](https://travis-ci.org/tyj1113/wheel.svg?branch=master)](https://travis-ci.org/tyj1113/wheel)

## 介绍

这是我在学习Vue的过程中造的轮子,一个基于Vue的UI组件库,目前包含Button, Input, Grid, Layout, Toast, Tabs, Popover, Collapse组件。项目仍在开发中,不定期更新。

## 安装

$ npm install tomtangwheel
<br />或<br />
$ yarn add tomtangwheel
## 使用

一般在入口文件 main.js 中如下配置：<br />
1.按需引入Button与Input组件,减小项目体积
```javascript
import Vue from 'vue'
import 'tomtangwheel/dist/index.css'//引入组件样式
import { Button, Input} from 'tomtangwheel'
Vue.component('t-button',Button)
Vue.component('t-input',Input)
```
2.完整引入
```javascript
import Vue from 'vue'
import 'tomtangwheel/dist/index.css'//引入组件样式
import {
    Button, 
    ButtonGroup, 
    Icon,
    Input,
    Row,
    Col,
    Container,
    Aside,
    Header,
    Main,
    Footer,
    plugin,
    Tabs,
    TabsHead,
    TabsBody,
    TabsItem,
    TabsPane,
    Popover,
    Collapse
    ,CollapseItem
} from 'tomtangwheel'   
Vue.component('t-button',Button)
Vue.component('t-icon',Icon)
Vue.component('t-button-group',Buttongroup)
Vue.component('t-input',Input)
Vue.component('t-row',Row)
Vue.component('t-col',Col)
Vue.component('t-container',Container)
Vue.component('t-aside',Aside)
Vue.component('t-header',Header)
Vue.component('t-footer',Footer)
Vue.component('t-main',Main)
Vue.use(plugin)  //toast组件使用
Vue.component('t-tabs', Tabs)
Vue.component('t-tabs-head', TabsHead)
Vue.component('t-tabs-body', TabsBody)
Vue.component('t-tabs-item', TabsItem)
Vue.component('t-tabs-pane', TabsPane)
Vue.component('t-popover', Popover)
Vue.component('t-collapse', Collapse)
Vue.component('t-collapse-item', CollapseItem)
```
注意不管是完整引入,还是引入部分组件都需要引入样式

## 文档
https://tyj1113.github.io/wheel/

## 提醒

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

```css
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
```

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

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