<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>