vjm-ui v0.0.3

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

<link rel="stylesheet" href="//at.alicdn.com/t/font_2127771_sapry1llr7q.css">

5、vue项目中使用 export default { name:'app', components:{ 'g-button':Button, 'g-icon':Icon } } 6、docs为vuePress项目的官网文件

文档

提问

变更记录

联系方式

贡献代码