hldy_app_mini/pages/NursingNew/component/pleasetake/common/nomessage.vue

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

</template>

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

<style scoped lang="less">
	.que {
		position: fixed;
		top: 50%;
		left: 50%;
		width: 100vw;
		height: 100vh;
		transform: translate(-50%,-50%);
		z-index: 100;
		background-color: #f5f6fa;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;

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

		view {
			text-align: center;
			margin-top: 1vw;
			font-weight: 300;
			font-size: 1.5vw;
			color: #555555;
		}
	}

</style>