front-end/ghsApp/src/components/empty.vue

<template>
	<div class="app-empty">
		<div class="app-empty-center">
			<div class="app_empty_img">
				<image :src="`${constant.hostUrl}/image/common/no_data_hua.png`" mode="widthFix"></image>
			</div>
			<div class="app-empty-title">
				<span class="empty_no_data">{{title}}</span>
			</div>
		</div>
	</div>
</template>
<script>
export default {
	name: 'empty',
	props: {
		title: {
			type: String,
			default: '暂无数据'
		}
	},
	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:80upx;
        text-align: center;
        & image {
            margin:0 auto;
            width: 40%;
        }
    }
    & .app-empty-title {
        font-size: 32upx;
        margin-top:30upx;
        text-align:center;
        color:#666161;
        & .empty_no_data {
            font-size:30upx;
        }
    }
}
</style>