组件介绍

gal-sloading 是一个全屏加载动画组件，可以用于 api 交互过程。

兼容平台

组件属性

组件函数

1. loading() 打开加载动画；
2. stop() 停止（关闭）动画；

演示代码

<template>
	<view class="gal-body">
		<view class="gal-margin-top-large">
			<text class="gal-block-text gal-h5 gal-color-gray">全屏加载演示</text>
		</view>
		<view class="gal-text-center" 
		style="margin-top: 100rpx;" 
		@tap="startLoading">
			<text class="gal-block-text gal-text" style="color: #3688FF;">点击这里打开 Loading 动画</text>
		</view>
		
		<gal-sloading ref="sloading"></gal-sloading>
	</view>
</template>
<script>
export default {
	data() {
		return {
			
		}
	},
	onLoad:function(){
		setTimeout(()=>{
			this.$refs.sloading.stop();
		}, 2000);
	},
	methods: {
		startLoading : function () {
			this.$refs.sloading.loading();
			setTimeout(()=>{
				this.$refs.sloading.stop();
			},3000);
		}
	}
}
</script>
<style>

</style>