<template>
	<div class="overLay_xy">
		<!-- 遮罩层 -->
		<van-overlay :show="showOverLay">
			<div class="overWrap">
				<van-loading color="#fff" />
				<div class="sendMsg">{{ tipMsg }}</div>
			</div>
		</van-overlay>
	</div>
</template>

<script>
	export default {
		name: 'overLay_xy',
		props: {
			showOverLay: {
				type: Boolean,
				default: false
			},
			tipMsg: {
				type: String,
				default: '加载中'
			}
		},
		data() {
			return {

			}
		},
		methods: {
			// 初始化
			init() {

			},

		},
	}
</script>

<style lang="scss">
	.overWrap {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		background-color: #383338;
		padding: 20px 30px;
		border-radius: 5px;

		.sendMsg {
			color: #fff;
			font-size: 15px;
			margin-top: 10px;
		}
	}
</style>
