<template>
	<view class="noticepage-box">
		<view class="content">
			<view class="fz44">亲爱的襌易家人们:</view>
			<view class="fz36">国学随时听，智慧伴我行。</view>
			<view class="fz30">襌易课程新增线上直播课程，家人们可以在报名线上课程后，点击下方图片，识别图中二维码，下载“抱朴书院”APP，入学上课。</view>
			<image src="../../static/ercode-download.png" show-menu-by-longpress="true" class="ercode"></image>
			<view class="longpress-btn">长按图片保存到相册</view>
		</view>
	</view>
</template>

<script>
</script>

<style lang="less">
	page{
		width: 100%;
		height: 100%;
	}
	.noticepage-box{
		width: 100%;
		height: 100%;
		background: #FBD28A;
		position: relative;
		.content{
			width: 670rpx;
			height: 988rpx;
			background: url(../../static/content-bg.png) no-repeat center;
			background-size: cover;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			font-weight: 500;
			padding: 74rpx 38rpx 0 44rpx;
			.fz44{
				font-size: 44rpx;
				line-height: 60rpx;
			}
			.fz36{
				font-size: 36rpx;
				line-height: 50rpx;
				margin: 10rpx 0;
			}
			.fz30{
				font-size: 30rpx;
				line-height: 40rpx;
			}
			.ercode{
				width: 297rpx;
				height: 297rpx;
				display: block;
				margin: 110rpx auto 0;
			}
			.longpress-btn{
				width: 327rpx;
				height: 75rpx;
				text-align: center;
				line-height: 75rpx;
				font-size: 32rpx;
				color: #fff;
				background: linear-gradient(90deg, #F7D08E 0%, #E2B35D 99%);
				border-radius: 37rpx;
				margin: 32rpx auto;
			}
		}
	}
</style>
