37 lines
903 B
Vue
37 lines
903 B
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>
|