<!-- 正在开发中提示组件 -->
<template>
	<view class="underDevelopment" :class="{ fullScreen: fullScreen }">
		<image class="tipsImg" :src="tipsImg" mode=""></image>
		<text class="tipsTitle">{{ tipsTitle }}</text>
	</view>
</template>

<script>
	export default {
		name: 'UnderDevelopment',
		props: {
			tipsImg: {
				type: String,
				default: '/static/components/pic_comingsoon@2x.png'
			},
			tipsTitle: {
				type: String,
				default: '正在研发中，敬请期待~'
			},
			// 是否全屏显示
			fullScreen: {
				type: Boolean,
				default: true
			}
		}
	}
</script>

<style lang="scss" scoped>
.underDevelopment {
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	&.fullScreen {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	.tipsImg {
		
	}
	.tipsTitle {
		margin-top: 40rpx;
		font-size: 40rpx;
		color: #404C69;
		font-weight: bold;
	}
}
</style>
