BiKing/components/no-data/no-data.vue

<template>
	<view class="no-data">
		<image class="no-data-icon" src="@/static/images/empty_01.png" mode="aspectFit"></image>
		<view class="no-data-text">
			{{ text }}
		</view>
	</view>
</template>

<script>
	export default {
		name:"no-data",
		props:{
			text:{
				type:String,
				default:'暂无数据'
			}
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss" scoped>
.no-data{
	width: 100%;
	text-align: center;
	.no-data-icon{
		width: 175rpx;
		height: 175rpx;
	}
	.no-data-text{
		font-size: 28rpx;
		padding-top: 30rpx;
		
	}
}
</style>