增加空组件

components/my-empty.vue

@@ -0,0 +1,42 @@
+<template>
+	<view class="u-flex u-row-center  ">
+		<view class="color-999 my-empty u-relative">{{text}}</view>
+	</view>
+</template>
+
+<script>
+	export default{
+		props:{
+			text:{
+				type:String,
+				default:'空空如也~'
+			}
+		},
+		data(){
+			return {
+				
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.my-empty{
+		&:before,&::after{
+			content: '';
+			display: block;
+			position: absolute;
+			border-bottom: 1px solid #999;
+			top: 50%;
+			transform: translateY(-50%);
+		}
+		&:before{
+			left: -80rpx;
+			width: 60rpx;
+		}
+		&::after{
+			width: 60rpx;
+			right: -80rpx;
+		}
+	}
+</style>