sign/components/loading/loading.vue

<template>
	<view class="load" v-if="props.show">
		<uv-loading-icon :text="props.text" textSize="28rpx" timing-function="linear" :show="isLoad" color="#fff"
			textColor="#fff"></uv-loading-icon>
	</view>
</template>

<script setup>
	import {
		onMounted,
		ref
	} from 'vue';

	const props = defineProps({
		show: Boolean,
		text: String,
	})
</script>

<style lang="scss" scoped>
	.load {
		width: 300rpx;
		height: 180rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		position: fixed;
		left: 50%;
		top: 50%;
		border-radius: 20rpx;
		background-color: rgba(0, 0, 0, 0.4);
		z-index: 999;
		transform: translate(-50%, -50%);
	}
</style>