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
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>
|