<template>
	<view v-if="loadshow" class="fullloading" :style="{backgroundColor: bgcolor}">
		<!-- :style="{width:iconwidth+'rpx',height:iconheight+'rpx'}" -->
		<view class=""  style="width: 110rpx;height: 110rpx;margin: 20% auto;">
			<image src="../../../../static/orange-fullloading/loading.gif" style="width: 110rpx;height: 110rpx;"></image>
			<view class="text" v-if="text" :style="{fontSize:textsize+'rpx',color:textcolor}">{{text}}</view>
		</view>
		
	</view>
</template>
<script>
	export default {
		props: {
			// loadicon: {
			// 	type: String,
			// 	default() {
			// 		return ''
			// 	}
			// },
			text: {
				type: String,
				default() {
					return ''
				}
			},
			iconwidth: {
				type: [Number, String],
				default() {
					return 110
				}
			},
			iconheight: {
				type: [Number, String],
				default() {
					return 110
				}
			},
			textcolor: {
				type: String,
				default() {
					return '#000000'
				}
			},
			textsize: {
				type: [Number, String],
				default() {
					return 30
				}
			},
			bgcolor: {
				type: String,
				default() {
					return '#ffffff'
				}
			},
			loadshow: {
				type: Boolean,
				default() {
					return true
				}
			},
		},
		data() {
			return {
				loadingImg: '',
				errorImg: ''
			}
		},
		methods: {
		}
	}
</script>
<style scoped lang="scss">
	.fullloading{
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		// background-color: #fff;
		text-align: center;
		z-index: 99999;
	}
	.fullloading image{
		width: 110rpx;
		height: 110rpx;
		margin-top: 50%;
	}
</style>