epidemic-h5/pages/index/follow.vue

<template>
	<view class="">
		<image src="../../static/img/follow.png" mode="" class="follow">
			<view class="out">
				<image src="../../static/img/erwei1.jpg" mode="" class="erwi"></image>
				<view class="text">
					关注公众号，即可获取隔离政策变化提醒
				</view>
			</view>
			
		</image>
		
	</view>
</template>

<script>
</script>

<style>
	.follow{
		position: relative;
		height: 100vh;
		width: 100%;
	}
	.out{
		position: absolute;
		top: 40%;
		/* height: 384upx; */
		/* line-height: 384upx; */
		width: 100%;
		text-align: center;
		z-index: 9999999999999;
	}
	.out image{
		margin: 0 auto;
		height: 384upx;
		width: 384upx;
		background-color: #00BFFF;
		}
		.text{
			width: 50%;
			margin: 0 auto;
			margin-top: 20upx;
			text-align: center;
			font-size: 28upx;
			font-weight: 400;
			line-height: 40upx;
			color: #FFFFFF;
			opacity: 1;
		}
</style>