# hpf-ui  嗨！

> `Hpf-UI` 是一款基于 `Vue` ，在学习```element-ui``` 源码的闲暇之余，**吃饱了撑着** 开发出来用于学习交流的前端 UI 组件库。
- `在线演示：` [Hpf-UI](http://handsomeman-hp.gitee.io/hpf-ui/#/start )

### 由来

- 项目需要。
- 更好的学习 `element` ，如果只是看，真的很容易忘
- 与其不一样的是，项目的样式采用的是stylus。
- 虽然大部分是致敬的，但也加入一些自己的组件。
- 一些项目用到的消息提示，分页
- 鼠标滚轮控制的走马灯


### 安装

```bash
npm install hpf-ui --save
```

### 使用

#### 全局使用

可以在项目的入口文件中引入所有组件或所需组件

```js
import HpfUI from 'hpf-ui' // 引入组件库
import 'hpf-ui/packages/theme-set/lib/index.css' // 引入样式库

Vue.use(HpfUI)
```

在模板中，用 `<h-button></h-button>` 自定义标签的方式使用组件

```html
<template>
  <h-button>这是一个按钮</h-button>
</template>
```

#### 自定义主题

`UI` 基于stylus,可修改 `hpf-ui/packages/theme-set/common/var.css` 文件自定义主题


### 问题

在使用 `Hpf-UI` 时遇到问题，或者有好的建议，欢迎提出来，反正不会改！联系电话：18625812107