weapp-v4/pages/index/jurisdiction.vue

<template>
	<view class="login_fail">
		<!-- <image src="../../../static/new/logo_1.png" class="logo"></image> -->
		<image src="../../static/new/bottom.png" class="fail_icon"></image>
		<view>抱歉，您没有权限进入系统</view>
		<view class="phone">用户：{{ phone || '' }}</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				phone: ''
			}
		},
		onLoad({ phone }) {
			this.phone = phone
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.login_fail {
		height: 100vh;
		padding-top: 30%;
		display: flex;
		flex-direction: column;
		// justify-content: center;
		align-items: center;
		.logo {
			width: 660rpx;
			height: 100rpx;
			margin-top: 40rpx;
		}

		.fail_icon {
			width: 311rpx;
			height: 227rpx;
			margin: 100rpx 0;
		}
		.phone {
			font-size: 30rpx;
			font-weight: 400;
			margin-top: 20rpx;
		}
		view {
			font-size: 45rpx;
			font-weight: bold;
			width: 100%;
			text-align: center;
		}
	}
</style>