perry-mall/components/nothing-page.vue

<template>
	<view class="nothing">
		<view class="nothing-box">
			<image class="nothing-img" :src="imgSrc" mode="aspectFill" lazy-load></image>
			<view class="nothing-con">{{content}}</view>
		</view>
	</view>
</template>

<script>
	export default {
		name:"nothing-page",
		props:{
			imgSrc:{
				type:String,
				default:'/static/public/nothing.png'
			},
			content:{
				type:String,
				default:'暂无内容'
			}
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style scoped>
.nothing{position: fixed;top: 0;right: 0;left: 0;bottom: 0;display: flex;justify-content: center;align-items: center;}
.nothing-box{display: flex;justify-content: center;flex-direction: column;align-items: center;}
.nothing-box .nothing-img{width: 474rpx;height: 273rpx;}
.nothing-con{font-size: 24rpx;font-family: PingFang SC;font-weight: 500;line-height: 33rpx;color: #333333;text-align: center;}
</style>