0.0.2 • Published 4 years ago

vue-wheel-simple v0.0.2

Weekly downloads
2
License
MIT
Repository
github
Last release
4 years ago

vue-wheel-simple - Vue组件库轮子

Build Status npm

介绍

个人学习 Vue 以及常用组件的封装。

工程化

  • 使用karma(测试运行器) + mocha(单元测试框) + chai(断言库)做单元测试
  • 使用Travis CI进行持续集成

实现组件

  • Icon
  • Button / ButtonGroup
  • Input

开始使用

  1. 添加 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;
    }
  2. 安装 vue-wheel-simple

    npm i --save vue-wheel-simple
  3. 引入 vue-wheel-simple

import { Button, ButtonGroup, Icon } from 'vue-wheel-simple';
import 'vue-wheel-simple/dist/index.css';

文档

提问

变更记录

联系方式

贡献代码