# leben-ui

> A Vue.js project

Latest version **0.0.24** (published 2016-07-28) · 0 weekly downloads

## Install

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

## Health

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

Positive: no vulnerabilities.

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

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.24 |
| Published | 2016-07-28 |
| First published | 2016-06-20 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | hwhao |
| Maintainers | harrie |

## Links

- npm: https://www.npmjs.com/package/leben-ui
- Repository: git@git.oschina.net:hwhao/leben-ui
- npm.io page: https://npm.io/package/leben-ui

## Recent versions

- 0.0.24 (latest) — 2016-07-28
- 1.0.0-beta.4 (beta) — 2016-11-18
- 1.0.0-beta.3 — 2016-11-17
- 0.0.23 — 2016-07-28
- 0.0.22 — 2016-07-27
- 0.0.21 — 2016-07-26
- 0.0.20 — 2016-07-26
- 0.0.19 — 2016-07-06
- 0.0.18 — 2016-07-04
- 0.0.17 — 2016-07-01
- 0.0.16 — 2016-07-01
- 0.0.15 — 2016-06-30
- 0.0.14 — 2016-06-29
- 0.0.13 — 2016-06-28
- 0.0.12 — 2016-06-28
- … 8 more at https://npm.io/package/leben-ui/versions

## README

# LebenUI

## Install

### 安装
```bash
# 安装leben-ui
$ npm install leben-ui --save
```

### 使用

1. FontAwesome：LebenUI使用了FontAwesome中的部分图标，并且也推荐用户使用`<i class="fa fa-xxx"></i>`的方式添加图标。请在index.html的head中添加以下cdn：
```html
<link href="//cdn.bootcss.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet">
```

2. loaders.css（可选）：LebenUI中的`Loader`组件样式依赖于`loaders.css`，如果使用到该组件，请引入：
```html
<link href="//cdn.bootcss.com/loaders.css/0.1.2/loaders.min.css" rel="stylesheet">
```

3. vue-router、vue-resource：LebenUI中的`SideMenu`组件使用了vue-router进行视图跳转，`ImgUploader`组件使用了vue-resource进行异步提交，如果使用了这些组件，请自行添加依赖。
```bash
# 安装vue-router
$ npm install vue-router --save
$ npm install vue-resource --save
```

4. LebenUI：

  方法一：Vue插件形式引用

  ```javascript
  import LebenUI from 'leben-ui/dist/leben-ui'
  import 'leben-ui/dist/leben-ui.css'

  Vue.use(LebenUI)
  ```

  方法二：单个组件形式引用
  ```javascript
  import 'leben-ui/dist/leben-ui.css'
  import SideMenu from 'leben-ui/dist/components/SideMenu'
  import XButton from 'leben-ui/dist/components/XButton'
  import Popup from 'leben-ui/dist/directives/Popup'
  ...
  Vue.component('SideMenu', SideMenu)
  Vue.component('XButton', XButton)
  Vue.directive('Popup', Popup)
  ...
  ```

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