0.0.5 • Published 4 years ago
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
}
}