https://github.com/trojan0523/t_wheels_test
官网: http://pukhungyu.club/T_wheels_test/
https://github.com/trojan0523/t_wheels_test
vue wheels
Last synced: 7 months ago
JSON representation
官网: http://pukhungyu.club/T_wheels_test/
- Host: GitHub
- URL: https://github.com/trojan0523/t_wheels_test
- Owner: Trojan0523
- License: mit
- Created: 2020-06-15T14:37:51.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2023-03-09T20:20:30.000Z (over 2 years ago)
- Last Synced: 2025-03-18T14:46:36.345Z (7 months ago)
- Topics: vue, wheels
- Language: Vue
- Homepage: http://pukhungyu.club/T_wheels_test/
- Size: 1.79 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 12
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# T_wheels 一个Vue UI组件库
[](https://travis-ci.org/Trojan0523/T_wheels_test)
## 介绍
这是我在学习Vue过程中做的一个 UI 框架， 希望对你有用。
## 开始使用
1. 添加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 及以上浏览器都支持此样式。
2. 安装T_Wheels
```
npm i --save t-wheels
```
3. 引入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