dobbykim-gulu-test v0.0.3

gulu

基于VUE.js自制的一套UI组件库

介绍

本项目为我在学习Vue过程中做的UI组件库

开始使用

1. 添加CSS样式

   使用本组件之前,需要保证 CSS 中的 border-box: IE 8 及以上的浏览器支持此样式

   *{box-sizing: border-box;}
   *::before{box-sizing: border-box;}
   *::after{box-sizing: border-box;}

   另外,使用之前需要设置默认颜色等变量(后续会改动为SCSS) IE 15 及以上的浏览器支持此样式

   :root {
         /*button的高度*/
         --button-height: 32px;
         /*button中文字的大小*/
         --font-size: 14px;
         /*button的背景颜色*/
         --button-bg: white;
         /*button被按下的颜色*/
         --button-active-bg: #eee;
         /*button中文字的颜色*/
         --color: #333;
         /*button边框的颜色*/
         --border-color: #999;
         /*hover时边框的颜色*/
         --border-color-hover: #666;
         /*button边框圆角*/
         --border-radius: 4px;
   }

2. 安装

   npm install -S dobbykim-gulu

3. 引入组件

   import {Button,ButtonGroup,Icon} from 'dobbykim-gulu'
   import 'dobbykim-gulu-test/dist/index.css'
   
   export default {
     name: 'app',
     components: {
       HelloWorld,
       'g-button':Button,
       'icon':Icon,
       'g-button-group':ButtonGroup
     }
   }

文档

提问

变更记录

联系方式