佰川加油

components/Empty.vue

@@ -0,0 +1,45 @@
+<template>
+	<!-- 空 -->
+	<div class="img-box">
+		<div class="img" :class="marginTopExtra?'margin-extra':''">
+			<image :src="baseUrl+'empty.png'" mode="widthFix"></image>
+		</div>
+		<p>这里没有相关记录哦~</p>
+	</div>
+</template>
+<script>
+	export default {
+		name: 'Empty',
+		props:{
+			marginTopExtra:{
+				type:Boolean,
+				default: true
+			}
+		},
+		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>