<template>
	<view class="que" v-if="show" :style="style">
		<image src="/static/index/procurement/que.png" mode="aspectFill"></image>
		<view>{{cont}}</view>
	</view>
	<view class="left-top-white" v-if="show"></view>
</template>

<script>
	export default {
		props: {
			cont: {
				type: String,
				default: ''
			},
			show: {
				type: Boolean,
				default: false
			},
			style:{
				type:String
			}
		}
	}
</script>

<style scoped lang="less">
	.que {
		position: fixed;
		top: 0%;
		left: 9%;
		width: 91%;
		height: 100%;
		z-index: 100;
		background-color: #fff;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;

		image {
			width: 16.3vw;
			height: 16.3vw;
		}

		view {
			text-align: center;
			font-weight: 300;
			font-size: 1.4vw;
			color: #555555;
		}
	}
	.left-top-white{
		// position: fixed;
		// top: 0;
		// left: 0;
		// height: 12%;
		// width: 50%;
		// background-color: #fff;
		// z-index: 100;
	}
</style>