1.0.0 • Published 4 years ago
li-gulu-test v1.0.0
gulu 一个UI组件造轮子
介绍
这是我在学习Vue过程中,做的一个UI框架。
开始使用
添加CSS样式
使用本框架,请在CSS中开启border-box
*{box-sizing: border-box} *::before{box-sizing: border-box} *::after{box-sizing: border-box} //默认*元素不包括before 和 after
IE8及以上浏览器都支持此样式 你还需要设置颜色等变量(后续会改为SCSS变量)
:root { --button-height: 32px; --font-size: 14px; --button-bg: white; --button-active-bg: #eee; --button-radius: 4px; --color: #333; --border-color: #999; --border-color-hover: #666; --border-radius: 4px; }
IE15及以上浏览器支持此样式
安装gulu-Framework
npm i --save li-gulu-test
引入gulu-Framework
import {Button,ButtonGroup,Icon} from 'li-gulu-test' import 'li-gulu-tes/dist/index.css' export default { name: 'app', components: { 'g-button':Button, 'g-icon':Icon } }