gulu-test-ax
v0.0.3
Published
这是一个ui框架
Downloads
6
Readme
轱辘 一个vue ui框架
介绍
这是我在学习vue过程中做的一个UI框架,希望对你有用。
开始使用
1.添加css样式 使用本框架前请在css中开启border-box
*,*::before,*::after{
box-sizing:border-box;
}
IE8及以上浏览器都支持此样式
你还需要设置默认颜色等变量(后续会改为scss变量)
html {
--button-height: 32px;
--font-size: 14px;
--button-bg: white;
--button-active-bg: #eee;
--border-raidus: 4px;
--color: #999;
--border-color: #999;
--border-color-hover: #6
}
IE15及以上浏览器支持此样式
2.安装 gulu
npm i -S gulu
3.引入gulu
import {Button ButtonGroup,Icon} from 'gulu'
import 'gulu-demo/dist/index.css'
export default {
name:'app',
components:{
'g-button':Button,
'g-icon':Icon
}
}
4.引入 svg symbols
<script src="//at.alicdn.com/t/font_2288767_xola8cfee8m.js"></script>