# orange - 一个 Vue UI 组件

[![Build Status](https://www.travis-ci.org/VanityEmperor/gulu-demo.svg?branch=main)](https://www.travis-ci.org/VanityEmperor/gulu-demo)

作者：虚空大帝

## 开始使用
1.添加 CSS 样式
    使用本框架前，请在 CSS 中开启 border-box
    ```
    *,*::before,*::after{box-sizing: border-box;}
    ```
    IE 8 及以上浏览器都支持此样式。

    你还需要设置默认颜色等变量（后续会改为 SCSS 变量）
    ```
    html {
    --button-height: 32px;
    --font-size: 14px;
    --button-bg: white;
    --button-active-bg: #eee;
    --border-radius: 4px;
    --color: #333;
    --border-color: #999;
    --border-color-hover: #666;
    }
    ```
    IE 15 及以上浏览器都支持此样式。
2.安装 gulu
    ```
    npm -i --save gulu-ui-vue-1-1
    ```
3.引入gulu
```
    import {Button, ButtonGroup, Icon} from 'gulu-ui-vue-1-1'
    import 'frank-test-1-1/dist/index.css'

    export default {
        name: 'app',
        components: {
            'g-button': Button,
            'g-icon': Icon
        }
    }
```

## 文档

## 提问

## 变更记录

## 联系方式

## 贡献代码