0.0.2 • Published 4 years ago
wxw-vue-ui-test v0.0.2
vue 造轮子之 ui 组件库
介绍
这是偶在学习 Vue 过程中做的一个 UI 框架。
开始使用
- 添加 CSS 样式
使用本框架钱前,请在 CSS 中开启 border-box
IE 8 及以上浏览器都支持此样式。 你还需要设置默认颜色等变量。*,*::before,*::after {box-sizing: border-box;}
html { --button-height: 32px; --font-size: 14px; --button-bg: white; --button-active-bg: #eee; --button-radius: 4px; --color: #333; --border-color: #999; --border-color-hover: #666; }
- 安装 gulu
npm i --save wxw-vue-ui-test
引入 gulu
import {Button,ButtonGroup,Icon} from 'wxw-vue-ui-test'; import 'wxw-vue-ui-test/dist/index.css' export default { name:'app', components:{ 'g-button':Button, 'g-Icon':Icon, 'g-button-group':ButtonGroup } }