# cloud-front-components

> > 云平台公共组件库

Latest version **1.0.64** (published 2022-09-15) · 0 weekly downloads

## Install

```sh
npm install cloud-front-components
pnpm add cloud-front-components
yarn add cloud-front-components
bun add cloud-front-components
```

## Health

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

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; large bundle.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.64 |
| Published | 2022-09-15 |
| First published | 2022-09-15 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 9 |
| Unpacked size | 29.4 MB |
| Known vulnerabilities | 0 (+3 in 3 direct dependencies) |
| Install scripts | no |
| Author | zhoubd |
| Maintainers | zhoubd |

## Links

- npm: https://www.npmjs.com/package/cloud-front-components
- npm.io page: https://npm.io/package/cloud-front-components

## Dependencies (9)

- [vue](https://npm.io/package/vue.md) ^2.6.14
- [hls.js](https://npm.io/package/hls.js.md) ^1.1.5
- [core-js](https://npm.io/package/core-js.md) ^3.8.3
- [echarts](https://npm.io/package/echarts.md) ^5.3.3
- [element-ui](https://npm.io/package/element-ui.md) ^2.15.9
- [pdfjs-dist](https://npm.io/package/pdfjs-dist.md) ^2.16.105
- [vue-router](https://npm.io/package/vue-router.md) ^3.5.1
- [async-validator](https://npm.io/package/async-validator.md) ^1.11.5
- [vuepress-plugin-demo-container](https://npm.io/package/vuepress-plugin-demo-container.md) ^0.2.0

## Recent versions

- 1.0.64 (latest) — 2022-09-15

## README

# cloud-front-components


> 云平台公共组件库

## 安装方法

``` bash
# 安装方法
1.npm安装： 推荐node版本16.15.0
npm install cloud-front-components
2.yarn安装：
yarn add cloud-front-components
# 引用cloud-front-components.js，使用方法见下文
```
## 使用方法



### 1.完整引入

在main.js下

```
import CloudComponents from 'cloud-front-components'
import 'cloud-front-components/dist/cloud-front-components.css';

Vue.use(CloudComponents)

然后在其他.vue文件里面，直接使用组件<zq-dialog><zq-dialog/> 即可

```

### 2.按需引入

在main.js下

```

import CloudComponents from 'cloud-front-components'
import 'cloud-front-components/dist/cloud-front-components.css';
let { 
    ZqDialog,
    ZqImg
} = CloudComponents;

Vue.component(ZqDialog.name, ZqDialog);
Vue.component(ZqImg.name, ZqImg);
或写为
/* 
    *  Vue.use(ZqDialog);
    *  Vue.use(ZqImg);
*/

然后在其他.vue文件里面，直接使用组件<zq-dialog><zq-dialog/> 即可

```

## 注意事项
```
    使用的组件名称，应该是定义组件时的name,对组件大小写不过敏，例如：
    定义组件的name为ZqButton，使用时以下几种都可以，推荐第一种

    <template>
        <zq-button type="success"></zq-button>
        <ZqButton type="success"></ZqButton>
        <zqButton type="success"></zqButton>
    </template>

```

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