42 lines
1.1 KiB
Vue
42 lines
1.1 KiB
Vue
|
<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:Number,
|
||
|
|
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;}
|
||
|
|
.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>
|