q-button v0.0.5

vue - button

介绍

简单的button轮子

开始使用

1.添加 css 样式

使用本框架前,请在 css 中开启 border-box (IE 8 及以上浏览器都次支持此样式)

*, *::afer, *::before{ box-sizing: border-box}

你还需要设置默认颜色变量(IE 15 及以上浏览器都次支持此样式)

:root {
        --button-height: 32px;
        --font-size: 14px;
        --button-bg: white;
        --button-active-bg: #eee;
        --border-radius: 4px;
        --color: #333;
        --border-color: #999;
        --border-hover-color: #666;
      }

2.安装

npm i -S qinze-test

3.引入

import { Button } from 'qinze-test'
import 'qinze-test/dist/index.css'
export default {
  name: 'App',
  components: {
    'g-button': Button
  }
}