gypsy-crm-frontend-vu/uni_modules/uni-loading/components/uni-loading/uni-loading.vue

<template>
	<view class="loading-container">
	 <Loading1 v-if="loadingType==1"/>
	 <Loading2 v-if="loadingType==2"/>
	 <Loading3 v-if="loadingType==3"/>
	 <Loading4 v-if="loadingType==4"/>
	 <Loading5 v-if="loadingType==5"/>
	</view>
</template>

<script>
	import Loading1 from "./loading1.vue";
	import Loading2 from "./loading2.vue";
	import Loading3 from "./loading3.vue";
	import Loading4 from "./loading4.vue";
	import Loading5 from "./loading5.vue";
	export default {
		components:{Loading1,Loading2,Loading3,Loading4,Loading5},
		name: 'uni-loading1',
		props: {
			loadingType: {
				type: Number,
				default: 2
			},
		},
		data() {
			return {
				
			};
		},
	}
</script>

<style lang="scss" scoped>
@import "@/uni.scss";

.loading-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 200px;
}
</style>