# doone-ui 通用组件

## 安装使用

```
npm install @alex_doone/doone-ui -D or
yarn add @alex_doone/doone-ui
```

### 第二步

在main.js文件里注册组件(注册组件)
```
import Doone from '@alex_doone/doone-ui'
import '@alex_doone/doone-ui/dist/doone-ui.css'
Vue.use(Doone)
```

按需注册
```
import { DoAmount } from '@alex_doone/echarts'
Vue.use(DoAmount)
```

### 第三步

from app.vue
```
<template>
    <div id="app">
        <DoAmount :value="500"/>
    </div>
</template>
<script>
export default {
    name: "app"
};
</script>
```

### 完成组件
|组件名 | 说明 | 备注 |
|----|-----|------|
|DoAmount|金融数字，一般用于金额，数量等|-|
|DoHlsVideo|视频播放组件，支持HLS Live / 直播、Rtmp Flash / 流媒体|-|
|DoProgressBar|进度条组件，支持Line、Circle、SemiCircle、Customize四种类型的进度条|-|

### 联系我

添加好友请备注</br>

QQ: 498513334 </br>
Wechat: qiushi884745

### 赞助

您的支持就是我开发的动力

<img src="http://m.qpic.cn/psb?/V10unsPD0QOZQy/HWhF98qE1qrdEXQG1KJzTjBH0BZ7LffERhMdjNDs0B0!/b/dFEBAAAAAAAA&bo=OAS6BQAAAAARF6M!&rf=viewer_4" width="500">