You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

70 lines
1.6 KiB

3 years ago
<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>