uniapp loading 組件

組件:loading.vue

<template>
	<view>
		<view class="cu-load load-modal" v-if="loadModal">
			<!-- <view class="cuIcon-emojifill text-orange"></view> -->
			<image src="/static/logo.png" mode="aspectFit"></image>
			<view class="gray-text">加載中...</view>
		</view>
	</view>
</template>

<script>
export default {
	props: {
		loadModal: true
	},
	data() {
		return {};
	},
	methods: {
		LoadModal(e) {
			this.loadModal = true;
			setTimeout(() => {
				this.loadModal = false;
			}, 2000);
		}
	}
};
</script>

<style></style>

 引用:

引入
import Loading from '../../../components/loading/loading.vue';

註冊
components:{
		Loading
},

加載 傳值
<Loading :loadModal="loadModal"></Loading>

loadModal:false,

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章