# @wangyanfei/enn-ui

> ## 简介

Latest version **1.0.4** (published 2021-09-13) · 0 weekly downloads

## Install

```sh
npm install @wangyanfei/enn-ui
pnpm add @wangyanfei/enn-ui
yarn add @wangyanfei/enn-ui
bun add @wangyanfei/enn-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.4 |
| Published | 2021-09-13 |
| First published | 2021-09-10 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 6 |
| Unpacked size | 274.1 KB |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| Author | wangyanfei |
| Maintainers | wangyanfei |

## Links

- npm: https://www.npmjs.com/package/@wangyanfei/enn-ui
- npm.io page: https://npm.io/package/@wangyanfei/enn-ui

## Dependencies (6)

- [vue](https://npm.io/package/vue.md) ^2.6.11
- [core-js](https://npm.io/package/core-js.md) ^3.6.5
- [@fortawesome/vue-fontawesome](https://npm.io/package/@fortawesome/vue-fontawesome.md) ^2.0.0
- [@fortawesome/fontawesome-svg-core](https://npm.io/package/@fortawesome/fontawesome-svg-core.md) ^1.2.32
- [@fortawesome/free-solid-svg-icons](https://npm.io/package/@fortawesome/free-solid-svg-icons.md) ^5.15.1
- [@fortawesome/free-regular-svg-icons](https://npm.io/package/@fortawesome/free-regular-svg-icons.md) ^5.15.1

## Recent versions

- 1.0.4 (latest) — 2021-09-13
- 1.0.3 — 2021-09-13
- 1.0.2 — 2021-09-13
- 1.0.1 — 2021-09-10

## README

# enn-ui

## 简介

新奥公用 UI 组件

## 使用

1. 安装

```
npm i enn-ui
```

2. 全局注册

```js
import EnnUI from 'enn-ui'
Vue.use(EnnUI)
```

3. 按需导入

```js
import EnnUI, { Navigation, Button } from 'enn-ui'
Vue.use(EnnUI, {
  components: [Navigation, Button]
})
```

3. 导入样式

```js
import 'enn-ui/dist/enn-ui.css'
```

<br>

---

<br>

## 组件

### 菜单导航

<br>

| 属性 | 值    | 描述            |
| ---- | ----- | --------------- |
| data | Array | 显示的数据,必填 |

<br>

| 事件  | 值       | 描述     |
| ----- | -------- | -------- |
| click | Function | 点击事件 |
| open  | Function | 点击事件 |
| close | Function | 点击事件 |

<br>

---

<br>

### 按钮(Button)

<br>

| 属性     | 值               | 描述                                                                 |
| -------- | ---------------- | -------------------------------------------------------------------- |
| type     | String           | 按钮类型：primary,info,success,warning,danger                        |
| plain    | Boolean          | 是否为朴素按钮，默认为 false                                         |
| mimicry  | Boolean          | 是否为拟态按钮，和 plain 不能同时设置，会被 plain 覆盖。默认为 false |
| disabled | Boolean          | 是否禁用按钮，默认为 false                                           |
| round    | Boolean          | 是否为圆角按钮，默认为 false                                         |
| circle   | Boolean          | 是否为圆形按钮，默认为 false                                         |
| icon     | Array 或 Boolean | font-awesome 字体数组，默认为 false                                  |

<br>

| 事件  | 值       | 描述     |
| ----- | -------- | -------- |
| click | Function | 点击事件 |

<br>

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