<script setup>
	/**
	 * name：
	 * user：sa0ChunLuyu
	 * date：2022-04-24 22:18:55
	 */
	import {
		ref,
		computed
	} from 'vue'
	import {
		useStore
	} from 'vuex'
	const $store = useStore()
	const loading_show = computed(() => {
		return $store.state.loading
	})
</script>
<template>
	<view v-if="loading_show > 0">
		<u-mask :show="true" :mask-click-able="false">
			<view class="loading_icon_wrapper">
				<u-loading mode="circle"></u-loading>
			</view>
		</u-mask>
	</view>
</template>
<style scoped>
	.loading_icon_wrapper {
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
</style>
