<template>
	<view class="">
		<cover-view class="loadwrap" v-if="showLoad">
			<cover-view class="loadwrap-my">
				<cover-image src="/static/loading.gif" alt="">
			</cover-view>
		</cover-view>
	</view>	

</template>

<script>
	export default {
		data() {
			return {
				showLoad:false
			}
		},
		methods:{
			showLoading(){
				this.showLoad = true
			},
			hideLoading(){
				this.showLoad = false
			}
		},
	}
</script>

<style>
	.loadwrap{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height:100vh;
		z-index: 999;
		/* background-color: #000; */
	}
	.loadwrap-my{
		position: absolute;
		top:50%;
		left:50%;
		transform: translate(-50%,-50%);
		width:200rpx;
		height:200rpx;
		background-color: rgba(0,0,0,0.6);
		border-radius: 20rpx;
	}
	.loadwrap-my cover-image{
		width:150rpx;
		height:150rpx;
		margin:0 auto;
		margin-top:25rpx;
	}
	
</style>