README
自制UI组件库
介绍
一个基于vue的UI组件库,不断完善中。
开始使用
1.添加css样式
使用本框架请在css中开启border-box
*,*::before,*::after{box-sizing: border-box}
你还需要设置一下默认颜色
:root {
--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;
}
2.安装
npm i --save xi-ui-demo
3.引入
import { Button, ButtonGroup, Icon } from 'xi-ui-demo'
export default {
name: 'app',
components: {
HelloWorld,
'g-button': Button
}
}