学习Vue过程中封装的一个UI框架。
-
添加CSS样式
- 使用本框架需将CSS样式box-sizing属性设置为border-box
* { box-sizing: border-box; } *::before { box-sizing: border-box; } *::after { box-sizing: border-box; }
IE8及以上浏览器支持此样式
-
安装gulu-vue
npm install --save gulu-vue
- 引入gulu-vue
import { Button, ButtonGroup ,Icon } from 'gulu-vue'
import 'gulu-vue/dist/index.css'
export default {
components: {
'g-button': Button,
'g-button-group': ButtonGroup,
'g-icon': Icon
}
}