# zc-plugins-vue

> ## 直接使用npm安装

Latest version **0.0.3** (published 2021-09-15) · 0 weekly downloads

## Install

```sh
npm install zc-plugins-vue
pnpm add zc-plugins-vue
yarn add zc-plugins-vue
bun add zc-plugins-vue
```

## Health

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

Positive: no vulnerabilities.

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

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.3 |
| Published | 2021-09-15 |
| First published | 2021-08-16 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 2.4 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | canrongguo |

## Links

- npm: https://www.npmjs.com/package/zc-plugins-vue
- npm.io page: https://npm.io/package/zc-plugins-vue

## Recent versions

- 0.0.3 (latest) — 2021-09-15
- 0.0.2 — 2021-08-16

## README

# 易展翅组件库
# 快速开始

## 直接使用npm安装

**安装 zc-plugins**
```
npm i zc-plguins --save-dev
```

在 ``script`` 中引用组件：
```javascript
import loading from 'zc-plugins-vue/lib/loading/loading.vue'
export default {
    components: {loading}
}
```

在 ``template`` 中使用组件：
```html
<loading ref="loading"/>
```

::: danger 注意
- import组件的时候一定要按照上面的路劲来，路劲要给全，可省略后缀。


### 已支持的组件列表
|组件名|组件说明|
|---|---|
|加载状态|加载状态|




## 加载中状态
> **组件名：zc-loading**
> 代码块： `zcLoading`
> 关联组件：`zc-loading`

用意在于替换官方的uni.showLoading()方法。

> **注意事项**
> 为了避免错误使用，给大家带来不好的开发体验，请在使用组件前仔细阅读下面的使用说明，可以帮你避免一些错误。



## 基本用法 

```html
<!-- loading -->
<our-loading isFullScreen ref="loading" />
```

```javascript

export default {
    components: {},
    data() {
        return {
			
		}
	},
	methods: {
		open(){
            this.$refs.loading.open()
        },
        close(){
            this.$refs.loading.close()
        }
	}
}

```

## API
### Rate Props

属性名			|	类型			|	默认值	|	说明																									
:-:				|	:-:		|	:-:		|	:-:	
translateY	    |	Number 	 	| 100		|	距顶部的距离
text 			|	String 	 	| 	        |	加载中的文案
textColor 	    |	String 	 	| #65cf6b	|	文案颜色
isFullScreen 	|	Boolean 	| false	    |	是否全屏

# 如何发布组件
### 我们只需要在/components/index/package.json文件里面修改版本号
### 然后npm login 登录npm
### 最后运行 npm run build:npm 即可发布

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