中品加油
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

51 lines
824 B

2 years ago
<template>
<!-- -->
<div class="img-box">
<div class="img" :class="marginTopExtra?'margin-extra':''">
<image :src="baseUrl+'empty.png'" mode="widthFix"></image>
</div>
<p :style="{padding: contentTitle?'0 50px':''}">{{contentTitle?contentTitle:'这里没有相关记录哦~'}}</p>
</div>
</template>
<script>
export default {
name: 'Empty',
props:{
marginTopExtra:{
type:Boolean,
default: true
},
contentTitle:{
type:String,
default:''
}
},
data() {
return {
baseUrl: this.global.imgURL
}
}
}
</script>
<style scoped>
/* 空 */
.img-box {
width: 100%;
text-align: center;
color: rgb(148, 147, 147);
font-size: 14px;
padding-bottom: 20%;
}
.img {
width: 500upx;
margin: 0 auto 3%;
}
.margin-extra{
margin-top: 30%;
}
</style>