<template>
	<view class="u-flex u-row-center">
		<view class="empty color-999 u-font-28 u-m-t-60 u-text-center">{{text}}</view>
	</view>
</template>

<script setup>
	const props= defineProps({
		text:{
			type:String,
			default:'暂无记录'
		}
	})
	
</script>

<style  lang="scss">
	.empty{
		position: relative;
		padding: 0 16rpx;
		&:before,&::after{
			position: absolute;
			content: '';
			display: block;
			top: 50%;
			height: 1px;
			background-color: #E5E5E5;
			border-radius: 1px;
			width: 94rpx;
		}
		&:before{
			right: 100%;
		}
		&::after{
			left: 100%;
		}
	}
</style>