<template>
	<view class="empty-back" :style="{top:top + 'vh'}">
		<image v-if="url" class="empty-img" :style="{ width:width + 'px'}"   :src="url" mode="widthFix"></image>
		<image v-else  class="empty-img" :style="{ width:width + 'px'}"  src="../../libs/images/data-null.png" mode="widthFix"></image>
		
			<slot></slot>
	</view>
	
</template>

<script>
	/**
	 * 空状态 
	 * top  距离顶部距离
	 * width 图片宽度
	 * src 自定义图片路径
	 * 
	 */

	export default {

	props:{
	// 是否显示动画
	top:{
		type: [String,Number],
		default: 20,
	},
	width:{
		type: [String,Number],
		default: 227,
	},
	url:{
		type: String,
		default: "",
	}
	},
	data(){
		return{
	
		}
	},
	methods:{
		/**
		 * @param {Object} index
		 * 拦截点击事件
		 */
	
	}
	}
</script>

<style>
	.empty-back{
		position: absolute;
		width:100%;
		margin: 0 auto;
		text-align: center;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		top: 30vh;
		color: #999999;
		font-size: 32rpx;
	}
	.empty-img{
		width:454rpx;
	}
</style>
