添加css

使用本框架前,请在 CSS 中开启 border-box

*,*::before,*::after{box-sizeing:border-box}

IE 8 及以上浏览器均支持此样式

你还需要设置默认颜色等变量(后续将改为 SCSS 变量)

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

IE 15 以上浏览器均支持此样式

安装gulu

npm i --save gulu-k

引入 gulu

import {Button,ButtonGroup,Icon} from 'gulu-k'
import 'gulu-k/dist/index.css'

export default {
  name: 'app',
  components: {
    'g-button':Button,
    'g-icon':Icon
  }
}