T_wheels 一个Vue UI组件库

介绍

这是我在学习Vue过程中做的一个 UI 框架，希望对你有用。

开始使用

添加CSS样式

使用本框架前, 请在 CSS中开启border-box

*,*::before, *::after {box-sizing: border-box;}

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

你还需要设置默认颜色等变量 (后期可改为SCSS变量)


 html /*HTML变量*/
        {
        --button-height: 32px;
        --font-size: 14px;
        --button-bg: white;
        --border-radius: 4px;
        --color: #333;
        --border-color: #999;
        --border-color-hover: #666;
        --button-active-bg: #eee;
        }

html /*SCSS变量*/
        {
        $button-height: 32px;
        $font-size: 14px;
        $button-bg: white;
        $border-radius: 4px;
        $color: #333;
        $border-color: #999;
        $border-color-hover: #666;
        $button-active-bg: #eee;
        }

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

安装T_Wheels
```
npm i --save t-wheels
```

引入t-wheels

import {Button, ButtonGroup, Icon} from 't-wheels'
import 't-wheels/dist/index.css'

export default {
    name: 'app',
    components: {
        HelloWorld,
        't-button': Button,
        't-icon': Icon
}
}

文档

http://pukhungyu.club/T_wheels_test/

变更记录

commit -branch里面有详细的修改记录

贡献代码

author: Trojan

Trojan0523/T_wheels_test

T_wheels 一个Vue UI组件库

介绍

开始使用

文档

变更记录

贡献代码