0.0.1 • Published 3 years ago

orange-ui-0.0.2 v0.0.1

Weekly downloads
2
License
MIT
Repository
github
Last release
3 years ago

orange - 一个 Vue UI 组件

Build Status

作者:虚空大帝

开始使用

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

文档

提问

变更记录

联系方式

贡献代码