0.0.3 • Published 4 years ago
qinze-test v0.0.3
vue - 第一个轱辘
介绍
学习 vue ui 的第一个轮子,
开始使用
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
}
}