home_exhibition/pages/index/failPage/index.vue

<template>
	
	<view class="content">
		 <view class="fail-bg-box" :style="{backgroundImage: 'url('+imageURL+')'}">
			 <view class="title-font">科尔卡诺展会入场登记</view>
			 <view>尊敬的客户</view>
			 <view>此展馆只招待VIP客户,为您带来不便，敬请谅解</view>
			 <view>如有疑问请到前台咨询</view>
		 </view>
	</view>
	
</template>

<script>
	export default {
		components: {
		},
		data() {
			return {
				imageURL:'/static/fail.png',
				pageTypes:'',
			}
		},
		onLoad() {
		},
		onShow() {
		},
		methods: {
		}
	}
</script>

<style>
	 page{
		background: #f7f7f7!important;
	 }
	.content {
		width: 100%;
		/* height: 100%; */
		display: flex;
		flex-direction: column;
		align-items: center;
		/* justify-content: center; */
	}
	.fail-bg-box {
		width: 100%;
		height: 600rpx;
		background-size: 100%;
		background-repeat: no-repeat;
		margin-top: 3%;
		display: flex;
		flex-direction: column;
		align-items: center;
		font-size: 28rpx;
		color: #fff;
	}
	.title-font {
		font-size: 32rpx;
		margin-top: 10%;
		margin-bottom: 15%;
		opacity: .9;
	}
	
</style>