weui -一个Vue UI 组件

作者：GQiangQ

介绍

开始使用

1. 添加 CSS 样式

   使用本框架之前，请在 css 中开启 border-box

   *,*::befor,*::after{ box-sizing:border-box;}
   

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

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

   :root{
       --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;
   }
   

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

2. 安装Vue--ui

   npm install --sava gqq-ui-1-1
   

3. 引入组件

   import {Icon ,Button} from 'gqq-ui-1-1' 
   import 'gqq-ui-1-1/dist/index.css'
   export default {
       name: 'Home', 
       components: {
           'we-button':Button,
           'we-icon':Icon,
       }
   }
   
   

文档

提问

变更记录

联系