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.
69 lines
1.6 KiB
69 lines
1.6 KiB
<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>
|
|
|