hl-ui

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

如何引入

推荐使用npm全局安装   npm install @hongweixun/hl-ui -S

如何使用

main.js 全局引入

import hlUI from '@hongweixun/hl-ui'

Vue.use(hlUI)

在需要使用的页面引入

<hl-button type="primary" icon="icon-search" size="mini">primary</hl-button>
<hl-button type="success" disabled>success</hl-button>
<hl-button type="warning" size="large">warning</hl-button>
<hl-button type="danger">danger</hl-button>
<hl-button type="dashed">dashed</hl-button>
<hl-button type="dotted">dotted</hl-button>
<hl-button type="primary" icon="icon-search" circle></hl-button>

其中，hl-button内置的属性有以下：

按钮默认颜色type 有6个属性：primary|success|warning|danger|dashed|dotted
自定义颜色添加color属性
圆形按钮添加circle属性
默认大小size 有3个属性：mini|normal|large    默认为normal
按钮禁用属性为disabled
添加icon图标则添加icon属性，内置了许多图标，可查看fonts文件夹下的图标库，默认使用为<hl-button type="primary" icon="icon-search">primary</hl-button>

暂时hl-ui只有button可用，后续会逐步完善，敬请期待

author：hl_hwx