0.0.5 • Published 4 years ago
orangeui-test-1 v0.0.5
橘子UI - 使用Vue搭建的UI组件库
作者: chapelll
介绍
这是我在学习 Vue 过程中做的一个 UI组件库,希望对你有用
开始使用
1.添加 CSS 样式 使用前请在CSS中设置 border-box
```
*,*::before,*::after { box-sizing: border-box; }
```
你还需要设置颜色等默认变量
```
:root {
--font-size: 14px;
--button-height: 32px;
--button-bg: white;
--button-active-bg: #eee;
--button-radius: 4px;
--color: #333;
--border-color: #999;
--border-color-hover: #666;
}
```
该组件库支持IE15以上的浏览器版本
2.安装 orangeUI
```
npm i --save orangeui-test-1
```
3.引入 orangeui
```
import { Button, Icon } from "orangeui-test-1";
import "orangeui-test-1/dist/index.css";
export default {
name: "App",
components: {
"g-button": Button,
"g-icon": Icon,
}
}
```