<template>
	<view class="loading-back" v-if="show" :style="{top:top + 'vh'}">
			<u-loading mode="flower" size="100"></u-loading>
			<slot></slot>
	</view>

	
</template>

<script>
	/**
	 * tabbar 原理  
	 * 点击时自动隐藏原生tabbar
	 * 首次加载会闪屏
	 * list数据建议放到vuex中以便更好维护
	 */

	export default {

	props:{
	// 是否显示动画
	top:{
		type: [String,Number],
		default: 30,
	},
	show: {
		type: Boolean,
		default: true
	}
	},
	data(){
		return{
	
		}
	},
	methods:{
		/**
		 * @param {Object} index
		 * 拦截点击事件
		 */
	
	}
	}
</script>

<style>
	.loading-back{
		position: fixed;
		width:100%;
		margin: 0 auto;
		text-align: center;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		top: 30vh;
		color: #999999;
		font-size: 32rpx;
	}
</style>
