zhapp/components/global-loading/global-loading.vue

<template>
	<u-overlay :show="show" style="background-color: rgba(255, 255, 255, 0.6);z-index: 999999;">
		<view class="dis f-c a-c j-c " style="height: 100%;">
			<u-loading-icon></u-loading-icon>
			<text style="color: #909399;" class="mt-1">{{ text }}</text>
		</view>
	</u-overlay>
</template>

<script>
	export default {
		name: 'global-loading',
		props: {
			show: {
				type: Boolean,
				default: false
			},
			// loading提示文字，页面可自定义传入
			text: {
				type: String,
				default: '加载中'
			}
		}
	}
</script>