# fh-ui

> Vue + ElementUi后台管理系统通用组件

Latest version **1.0.11** (published 2018-09-03) · MIT license · 0 weekly downloads

## Install

```sh
npm install fh-ui
pnpm add fh-ui
yarn add fh-ui
bun add fh-ui
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.11 |
| Published | 2018-09-03 |
| First published | 2018-06-28 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Node | >= 6.0.0 |
| Dependencies | 6 |
| Unpacked size | 241.4 KB |
| Known vulnerabilities | 0 (+25 in 2 direct dependencies) |
| Install scripts | no |
| GitHub stars | 0 |
| Author | jianglin |
| Maintainers | jianglin12 |
| Keywords | fh-ui |

## Links

- npm: https://www.npmjs.com/package/fh-ui
- Repository: https://github.com/jianglinhub/fh-ui
- Homepage: https://jianglinhub.github.io/fh-ui-docs/#/
- Issues: https://github.com/jianglinhub/fh-ui/issues
- npm.io page: https://npm.io/package/fh-ui

## Dependencies (6)

- [qs](https://npm.io/package/qs.md) ^6.5.2
- [vue](https://npm.io/package/vue.md) ^2.5.2
- [axios](https://npm.io/package/axios.md) ^0.18.0
- [lodash](https://npm.io/package/lodash.md) ^4.17.10
- [element-ui](https://npm.io/package/element-ui.md) ^2.4.2
- [vue-router](https://npm.io/package/vue-router.md) ^3.0.1

## Recent versions

- 1.0.11 (latest) — 2018-09-03
- 1.0.10 — 2018-08-12
- 1.0.9 — 2018-08-08
- 1.0.8 — 2018-08-07
- 1.0.7 — 2018-08-05
- 1.0.6 — 2018-07-07
- 1.0.5 — 2018-07-06
- 1.0.4 — 2018-07-03
- 1.0.1 — 2018-06-28
- 1.0.0 — 2018-06-28

## README

## fh-ui

> Vue + ElementUi 后台管理系统通用组件 [参考文档](https://jianglinhub.github.io/fh-ui-docs/#/)

#### What is it

* 封装常用业务组件，eg：通用查询、表格、各种按钮操作...
* 使开发人员更关注数据交互，不必在意通用组件的封装
* 持续完善中...

### Features

* 通用查询组件优化
* 通用操作按钮组件
* 脚手架？
* more...

### Q&A
* 工程代码太混乱？
> 不要在意细节～ -_-!! 刚起步，待优化的点还很多～～

### 快速开始

#### 使用之前

有必要了解Vue基础知识哦，假设你已经用过Vue，并掌握如下内容。
* Vue组件
* 单文件组件
* `props`
* `slot`
* `events` `$emit` `@click`等

fh-ui是基于`element-ui`进行的开发，所以你需要提前安装`element-ui`，安装方法请参照`element-ui`[官方文档](http://element.eleme.io/#/zh-CN/component/installation)。

#### 引入 fh-ui
一般在 webpack 入口页面 main.js 中如下配置：
```js
import Vue from 'vue'
import Element from 'element-ui';
import FHUi from 'fh-ui';
import 'element-ui/lib/theme-chalk/index.css';
import 'fh-ui/lib/static/style.min.css';
import App from './App';
import router from './router';

Vue.use(Element);
Vue.use(FHUi);

Vue.config.productionTip = false;

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  components: { App },
  template: '<App/>',
});
```

#### 按需引入
由于babel策略调整，暂时没有实现按需引入的方式，后期做好调研之后会进行按需引入的尝试。

#### 特别提醒
你需要导入fh-ui的样式，即在 `main.js` 或根组件执行 `import fh-ui/lib/static/style.min.css`，该文件包含了对`element-ui`的自定义样式优化，所以请保证它是在引入`element-ui`的样式文件之后引入的。

---
_Source: https://npm.io/package/fh-ui · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._