# blurred-pic

> [github](https://github.com/1959555480/blurred-pic)

Latest version **0.1.3** (published 2021-03-16) · 0 weekly downloads

## Install

```sh
npm install blurred-pic
pnpm add blurred-pic
yarn add blurred-pic
bun add blurred-pic
```

## Health

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

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; low quality score; large bundle; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.3 |
| Published | 2021-03-16 |
| First published | 2021-03-16 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 4 |
| Unpacked size | 20.8 MB |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| Maintainers | yanyongxing |

## Links

- npm: https://www.npmjs.com/package/blurred-pic
- npm.io page: https://npm.io/package/blurred-pic

## Dependencies (4)

- [vue](https://npm.io/package/vue.md) ^2.6.11
- [core-js](https://npm.io/package/core-js.md) ^3.6.5
- [element-ui](https://npm.io/package/element-ui.md) ^2.15.1
- [vue-router](https://npm.io/package/vue-router.md) ^3.2.0

## Recent versions

- 0.1.3 (latest) — 2021-03-16
- 0.1.2 — 2021-03-16
- 0.1.1 — 2021-03-16
- 0.1.0 — 2021-03-16

## README

### 基于Element-UI 上传图片生成高斯模糊图片返回

[github](https://github.com/1959555480/blurred-pic)

### Install
```
npm install blurred-pic -S
```

### Quick Start
```
import BlurredPic from 'blurred-pic'
Vue.use(BlurredPic)

// or
import {
  BlurredPic,
} from 'blurred-pic'

Vue.component(BlurredPic.name, BlurredPic)
```

### 参数
```
1.
/*
 * @usage: 是否显示预览高斯模糊图片
 * @param: show-blurred
 * @return:
 */
2.
/*
 * @usage: 接受上传完的图片路径数组（包括原图和高斯模糊图片）
 * @param: list
 * @return:
 */
3.
/*
 * @usage: 上传时附带的额外参数
 * @param: data
 * @return:
 */
3.
/*
 * @usage: 上传时请求API 
 * @param: uploadApi
 * @return:
 */

 
```  
### demo
```
<template>
  <div class="home">
    <BlurredPic
      :list.sync="dataOj.items"
      :data="uploadParam"
      :show-blurred="true"
      @uploadApi="uploadApi"
    />
  </div>
</template>

<script>
// @ is an alias to /src
import BlurredPic from '@/components/Blurredpic.vue'

export default {
  name: 'Home',
  components: {
    BlurredPic
  },
  data() {
    return {
      dataOj: {
        items: []
      },
      uploadParam: {}
    }
  },
  methods: {
    uploadApi() {
      console.log('子组件调用父组件进行上传')
    }
  }
}
</script>

```

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