zc-plugins v0.0.5

易展翅组件库

快速开始

直接使用npm安装

安装 zc-plugins

npm i zc-plguins --save-dev

在 script 中引用组件：

import zcLoading from 'zc-plugins/lib/zc-loading/zc-loading.vue'
export default {
    components: {zcLoading}
}

在 template 中使用组件：

<zc-loading ref="loading"/>

::: danger 注意

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

已支持的组件列表

列表加载中状态

组件名：zc-load-more 代码块： zcLoadMore 关联组件：zc-load-more

用于列表中，做滚动加载使用，展示 loading 的各种状态。

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

基本用法

<zc-load-more :status="more"></zc-load-more>

API

Rate Props

Status Options

IconType Options

说明 iconType为snow时，在APP-NVUE平台不可设置大小，在非APP-NVUE平台不可设置颜色

加载中状态

组件名：zc-loading 代码块： zcLoading 关联组件：zc-loading

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

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

基本用法

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

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

API

Rate Props

图片上传组件

组件名：zc-upload 代码块： zcUpload 关联组件：zc-upload

图片上传组件

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

基本用法

<!--初始化显示图片-->
<zc-upload :value="imageData"></zc-upload>

<!--绑定图片数据，监听添加、删除事件，设置是否拖拉，是否可删除，是否可选择添加，图片数量限制-->
<zc-upload v-model="imageData" @delete="deleteImage" @add="addImage" :enable-drag="enableDrag" :enable-del="enableDel" :enable-add="enableAdd" :limit="limitNumber"></zc-upload>

<!--支持图片上传服务器：选择图片后，组件会自动上传到指定地址，并更新组件中保存的图片地址为服务器地址-->
<zc-upload :server-url="serverUrl" :form-data="formData" :header="header"></zc-upload>

export default {
    data() {
        return {
			imageData:[],
            enableDrag:true,
            enableDel:true,
            enableAdd:true,
            limitNumber:1
		}
	},
	methods: {
		deleteImage(options){
            console.log(options);
        },
        addImage(options){
            console.log(options);
        }
	}
}

双向绑定说明

v-model: 类型为字符串数组。 即图片地址数组，可用于初始化，当添加/删除操作时，绑定的数据都会同步更新

API

Rate Props

事件说明