0.0.2 • Published 4 years ago
vue-wheel-simple v0.0.2
vue-wheel-simple - Vue组件库轮子
介绍
个人学习 Vue 以及常用组件的封装。
工程化
- 使用karma(测试运行器) + mocha(单元测试框) + chai(断言库)做单元测试
- 使用Travis CI进行持续集成
实现组件
- Icon
- Button / ButtonGroup
- Input
开始使用
添加 css
使用本框架前,请在 CSS 中开启 border-box
*, *::before, *::after{box-sizing: border-box;}
你还需要设置默认颜色等变量(后续会改为 SCSS 变量)
html { --button-height: 32px; --font-size: 14px; --button-bg: white; --button-active-bg: #eee; --border-radius: 4px; --color: #333; --border-color: #999; --border-color-hover: #666; }
安装 vue-wheel-simple
npm i --save vue-wheel-simple
引入 vue-wheel-simple
import { Button, ButtonGroup, Icon } from 'vue-wheel-simple';
import 'vue-wheel-simple/dist/index.css';