zaolunzi201911 v0.0.3

lunzi — 一个Vue UI组件

介绍

这是我在学习 vue 过程中做的一个 UI 框架，希望对你有用

开始使用

1.添加 CSS 样式 使用本框架前，请在 CSS 中开启 border-box

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

IE8 及以上浏览器都支持此样式

你还需要设置默认颜色等变量（后续会改为 SCSS 变量）

html {
   --button-height: 32px;
   --font-size: 14px;
   --button-background: white;
   --button-active-background: #eee;
   --border-radius: 4px;
   --color: #333;
   --border-color: #999;
   --border-color-hover: #666;
}

IE15 及以上浏览器都支持此样式

2.安装 zaolunzi

npm i --save zaolunzi201911

3.引入 zaolunzi

  import {Button, ButtonGroup, Icon} from 'zaolunzi201911'
  import 'zaolunzi201911/dist/index.css'

  export default {
     name: 'app',
     components: {
        'g-button': Button,
        'g-icon': Icon
     }
  }

4.

文档

提问

变更记录

联系方式

贡献代码