null/components/empty.vue

<template>
        <view class="empty-tips flex-col align-center justify-center" :style="{marginTop:marginTop}">
			<image src="/static/empty.png" mode="aspectFill" class="ic"></image>
			<text class="txt">{{txt}}</text>
		</view>
</template>

<script>
	export default {
		props: {
			txt:{
				type: String,
				default: '暂无记录'
			},
			marginTop:{
				type: String,
				default: '200rpx'
			},
		},
		data() {
			return {
			}
		},
	}
</script>

<style lang="scss" scoped>
	
	.empty-tips{
		.ic{
			width: 240rpx;
			height: 240rpx;
			margin-right: 20rpx;
		}
		.txt{
			margin-top: 20rpx;
			color:#999;
		    font-size: 28rpx;	
		}
	
	}
</style>