一个Vue UI 组件
介绍
这是一个简易的UI组件库
注意:该UI组件尚未完成,请不要在生产环境中使用
安装
- 安装 gulu
npm install mzhaonanq-test-gulu
或
yarn add mzhaonanq-test-gulu
- 引入 gulu
import { Button, ButtonGroup, Icon, Input, Row, Column, Header, Layout, Sider,
Footer, Content, Popover, TabsItem, Tabs, TabsHead, TabsBody, TabsPane, Toast, Plugin}
from 'mzhaonanq-test-gulu'
import 'mzhaonanq-test-gulu/dist/index.css'
export default {
...
components:{
'g-button':Button,
'g-button-group':ButtonGroup,
'g-input':input,
...
},
...
}
- 添加样式
使用本组件前,需要在css中添加border-box
*{box-sizing: border-box}
*::before{box-sizing: border-box}
*::after{box-sizing: border-box}
此样式支持IE 8 及以上浏览器
文档
详见组件官网 组件官网