<template>
	<div class="app-empty">
		<div class="app-empty-center">
			<div class="app-empty__img">
				<image :src="`${constant.imgUrl}/retail/common/img_nodata.png`" mode="widthFix"></image>
			</div>
			<div class="app-empty-title">
				<span class="empty_noData">{{ title }}</span>
			</div>
		</div>
	</div>
</template>
<script>
export default {
	name: 'AppWrapperEmpty',
	props: {
		type: {
			type: String,
			default: 'noData'
		},
		pictureHeight: {
			type: String,
			default: ''
		},
		title: {
			type: String,
			default: '暂无数据'
		},
		content: {
			type: String,
			default: ''
		},
		isEmpty: {
			type: Boolean,
			default: false
		},
		isLoading: {
			type: Boolean,
			default: false
		},
		finished: {
			type: Boolean,
			default: false
		},
		isTitle: {
			type: Boolean,
			default: true
		}
	},
	computed: {
	},
	data() {
		return {}
	}
}
</script>
<style lang="scss" scoped>
	.app-empty {
		width: 100%;
		display: flex;
		align-items: center;
		& .app-empty-center {
			width: 100%;
		}
		& .app-empty__img {
			width: 100%;
			margin-top:100upx;
			text-align: center;
			& image {
				margin:0 auto;
				width: 180upx;
			}
		}
		& .app-empty-title {
			display: flex;
			flex-direction: column;
			align-items: center;
			font-size: 32upx;
			color: #cccccc;
			& span {
				font-weight: 400;

				& + span {
					font-weight: initial;
					margin-top: 10upx;
					font-size: 26upx;
				}
			}
			& .empty_noData {
				font-size: 26upx;
			}
		}
	}
</style>
