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>