vjm-ui - 一个vue ui组件
介绍
这是在学习Vue过程中做的一个UI框架,希望对你有用。
开始使用
1、css样式
使用框架前,请在css中开启border-box
*,*::before,*::after{box-sizing:border-box}
IE8 及以上浏览器都支持次样式
你还需要设置默认颜色等变量(后续会改为 SCSS 变量)
`````
:root{/定义变量IE15及以上支持此样式/
--button-height:32px;
--font-size:14px;
--button-bg:#fff;
--button-active-bg:#eee;
--border-radius:4px;
--color:#333;
--border-color:#999;
--border-color-hover:#666;
}
````
2、安装 vjm-ui
npm install --save vjm-ui
3、引入
import {Button,ButtonGroup,Icon} from 'vjm-ui'
import vjm-ui/dist/index.css
4、引入iconfont
5、vue项目中使用
export default {
name:'app',
components:{
'g-button':Button,
'g-icon':Icon
}
}
6、docs为vuePress项目的官网文件