<template>
	<view class="nothing">
		<view class="nothing-box">
			<image v-if="imgSrc!=''" class="nothing-img" :src="imgSrc" mode="aspectFill" lazy-load></image>
			<i class="iconImg icon" 
			:class="['icon-nothing-more','icon-nothing-data','icon-nothing-collection'][currentType]"></i>
			<view v-if="currentType!=1" class="nothing-con">{{content}}</view>
		</view>
	</view>
</template>

<script>
	export default {
		name:"nothing-page",
		props:{
			imgSrc:{ // 没有更多的图片
				type:String,
				default:''
			},
			content:{ // 没有更多的描述
				type:String,
				default:'暂无内容'
			},
			currentType:{ // 暂无更多 icon 图标
				type:String,
				default: '0'
			}
		},
		data() {
			return {};
		}
	}
</script>

<style scoped>
.nothing{position: fixed;top: 0;bottom: 0;left: 0;right: 0;display: flex;justify-content: center;align-items: center;z-index: -1;}
.nothing-box{display: flex;justify-content: center;flex-direction: column;align-items: center;}
.nothing-box .nothing-img{width: 470rpx;height: 270rpx;}
.iconImg {font-size: 280rpx;color: #999999;}
.nothing-con{font-size: 24rpx;font-family: PingFang SC;font-weight: 500;color: #999999;}
</style>