jp-youdian-Inspection/components/JPcontent.vue

<template>
	<view class="contentBody"  >
		<view v-show="status==0" style="display: flex;justify-content: center;margin: 40px 0;" >
			
			<view class="uni-toast" style="display: flex;font-size: 60rpx;    color: rgb(192, 196, 204);" >
				<i class="uni-icon_toast uni-loading"
			style="
			    width: 80rpx;
			    height: 80rpx;
				
			"
			></i><p class="uni-toast__content">  </p>加载中...</view>
		</view>
		<view v-show="status==1">
			<view style=" margin-top: 60rpx; margin-bottom: 0rpx;">
				<u-empty  text="无记录" mode="search"></u-empty>
				
			</view>
				
		</view>
		<view v-show="status==2">
			<slot ></slot>
		</view>
		
	</view>
</template>

<script>

	export default {
		name:"contentBody",
		props:{
			status: {
				type: Number,
				default: 0
			},
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style>

</style>