<template>
	<!-- 空 -->
	<div class="img-box">
		<div class="img" :class="marginTopExtra?'margin-extra':''">
			<image :src="baseUrl+'empty.png'" mode="widthFix"></image>
		</div>
		<p :style="{padding: contentTitle?'0 50px':''}">{{contentTitle?contentTitle:'这里没有相关记录哦~'}}</p>
	</div>
</template>
<script>
	export default {
		name: 'Empty',
		props:{
			marginTopExtra:{
				type:Boolean,
				default: true
			},
			contentTitle:{
				type:String,
				default:''
			}
		},
		data() {
			return {
				baseUrl: this.global.imgURL
				
			}
		}
		

	}
</script>
<style scoped>
	/* 空 */
	.img-box {
		width: 100%;
		text-align: center;
		color: rgb(148, 147, 147);
		font-size: 14px;
		padding-bottom: 20%;
	}

	.img {
		width: 500upx;
		margin: 0 auto 3%;
	}
	.margin-extra{
		margin-top: 30%;
	}
</style>
