# vue-components-lib

**Repository Path**: evan_origin_admin/vue-components-lib

## Basic Information

- **Project Name**: vue-components-lib
- **Description**: vue 遇到的组件积累
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-01-19
- **Last Updated**: 2022-01-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue-components-lib
> vue2.x vue components library
> 日常中遇到的组件封装 

## 组件分类
**1. 进度条，支持滑动拖拽和点击；**
![img.png](src/markdown-image/img_1.png)
![img.png](src/markdown-image/img_2.png)
## 使用说明
**属性说明**
---
|  props   | 说明  | 类型  |默认值  |
|  ----  | ----  | ----  |----  |
| placement  | 进度数字显示的位置 | String "top", "right"  | "top"  |
| min  | 进度最小值 | Number  | 0  |
| max  | 进度最大值 | Number  | 100  |
| value  | v-model | [String, Number]  | -  |
---
**方法**
---
| 方法名称  | 说明  |  - | 
|  ----  | ----  | ----  |
|  getPercent  | 获取进度值  | getPercent(value)  |
---
**插槽**
---
| 插槽  | 位置  |  - | 
|  ----  | ----  | ----  |
|  icon  | 左侧图标  | ----  |

## 使用说明
```html
    <progress-bar v-model="percent" placement="right" @getPercent="getPercent"></progress-bar>
```
```html
     <progress-bar v-model="percent" placement="right" @getPercent="getPercent">
        <template #icon></template>
     </progress-bar>
```
```vue
    getPercent(value) {
        console.log("当前进度值："value)
    }