Xiaoyu-test-1 NPM

一个Vue UI 组件

介绍

开始使用

安装(parcel 方式)

#使用本组件请使用盒模型bordex-box

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

还需要设置默认浏览器样式

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;
}

安装 xiaoyu-test-1(parcel 方式)

npm i --save xiaoyu-test-1

引入 xiaoyu-test-1

import { Button,ButtonGroup,Icon} from 'xiaoyu-test-1'
import 'xiaoyu-test-1/dist/index.css'

Vue.component('g-button',Button)
Vue.component('button-group',ButtonGroup)
Vue.component('g-icon',Icon)