<template>
	<view>
		<view class="tipsBack" v-if="seeData.seeShow"></view>
		<view class="tipsCont" v-if="seeData.seeShow">
			<view class="tipsWhite">
				<view class="tipsWhite-top">
					<view class="tipsWhite-name">
						{{seeData.seeTitle}}
					</view>
					<view class="tipsWhite-text">
						{{seeData.seeText}}
					</view>
				</view>
				<view class="tipsWhite-btn" @click="tipsClick">
					知道了
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		name: 'mouldTips',
		data(){
			return {}
		},
		props: {
			seeData: {
				type	: Object,
				default : ''
			},
		},
		onLoad() {
		},
		methods: {
			tipsClick(){
				this.$emit('tipsClose', false)
			}
		}
	}
</script>

<style>
	.tipsBack {
		position: fixed;
		width: 100vw;
		height: 100vh;
		left: 0;
		top: 0;
		z-index: 9;
		background-color: rgba(0, 0, 0, .5);
	}
	.tipsCont {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-box-pack: center;
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: 10;
		padding: 0 10%;
		box-sizing: border-box;
	}
	
	.tipsWhite {
		background-color: #ffffff;
		border-radius: 20rpx;
	}
	
	.tipsWhite-top {
		padding: 30rpx 50rpx;
		box-sizing: border-box;
	}
	
	.tipsWhite-name {
		text-align: center;
		color: #111111;
		font-size: 34rpx;
		font-weight: 600;
		margin-bottom: 30rpx;
	}
	
	.tipsWhite-text {
		font-size: 30rpx;
		color: #666666;
		line-height: 48rpx;
	}
	
	.tipsWhite-btn {
		color: #446EFE;
		line-height: 100rpx;
		text-align: center;
		border-top: 2rpx solid #F6F6F6;
	}
</style>