From 73a96931c99e2f849c8856dc8e78d3d25adaa654 Mon Sep 17 00:00:00 2001 From: QYF-GitLab1 <1940665526@qq.com> Date: 星期五, 20 十二月 2024 16:44:06 +0800 Subject: [PATCH] 1111 --- pages/personalCenter/certificate/index.wxss | 169 +++++++++++++++++++++++++++++++++++++++++++++++++++++++- 1 files changed, 166 insertions(+), 3 deletions(-) diff --git a/pages/personalCenter/certificate/index.wxss b/pages/personalCenter/certificate/index.wxss index d3c33a0..b0b4831 100644 --- a/pages/personalCenter/certificate/index.wxss +++ b/pages/personalCenter/certificate/index.wxss @@ -81,7 +81,7 @@ .listBox { display: flex; flex-flow: row wrap; - padding: 30rpx 0; + padding: 30rpx; } @@ -90,13 +90,16 @@ margin-bottom: 30rpx; margin: 0 20rpx; align-self: stretch; + text-align: center; } .content-item .icon { - height: 470rpx; - width: 100%; + height: 400rpx; + width: 280rpx; + margin: auto; box-shadow: 0px 0px 20rpx 2px rgba(0, 0, 0, 0.16); + position: relative; } .content-item .icon .img, @@ -131,4 +134,164 @@ .body-loading { padding: 200rpx 0; text-align: center; +} + +.currentBtn { + width: 50px; + height: 26px; + text-align: center; + font-size: 12px; + line-height: 24px; + position: absolute; + left: 1px; + bottom: 1px; + background-color: rgba(255, 108, 0, 0.1); + border-radius: 0px 5px 0px 0px; + +} + +.yes { + color: #1FBC1F +} + +.wait { + color: #ff6d00; +} + +.no { + color: #ee1818; +} + +#textCertificate { + width: 595px; + height: 845px; + position: relative; + /* background-image: url('https://jsek.bnuic.com/home/certificate/kczs.jpg'); */ +} + +#textCertificate .certificateInfo { + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} + +#textCertificate .userIcon { + padding-top: 233px; +} + +#textCertificate .hexagon { + width: 103px; + height: 117px; + display: flex; + align-items: center; + justify-content: center; + clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); + margin: 0 auto; + overflow: hidden; + + +} + +#textCertificate .img { + width: 103px; + height: 117px; +} + +#textCertificate .bgImg { + width: 100%; + height: 100%; +} + +#textCertificate .userName { + height: 74rpx; + font-size: 70rpx; + padding-top: 26px; + text-align: center; + font-family: 'FZXBSJW'; +} + +#textCertificate .bookName { + padding-top: 30px; + margin-left: 460rpx; + width: 300px; + height: 60px; + font-size: 20px; + color: #000; + font-family: 'FZXBSJW'; +} + +#textCertificate .author { + height: 26px; + font-size: 14px; + margin-left: 52%; + color: #000; + font-family: 'SimHei', sans-serif; +} + +#textCertificate .textAuthor { + font-size: 28rpx; + margin-top: 134rpx; + margin-left: 52%; + color: #000; + font-family: 'SimHei', sans-serif; +} + +#textCertificate .classHours { + height: 30px; + font-size: 28rpx; + margin-left: 52%; + color: #000; + font-family: 'SimHei', sans-serif; +} + +#textCertificate .affiliatedUnit { + height: 24px; + font-size: 28rpx; + margin-left: 33%; + color: #000; + font-family: 'SimHei', sans-serif; +} + +#textCertificate .publishingUnit { + font-size: 28rpx; + margin-top: 24rpx; + margin-left: 28%; + color: #000; + font-family: 'SimHei', sans-serif; +} + +#textCertificate .studyTime { + font-size: 28rpx; + margin-left: 33%; + color: #000; + font-family: 'SimHei', sans-serif; +} + +#textCertificate .website { + font-size: 28rpx; + margin-top: 21px; + margin-left: 27%; + color: #000; + font-family: 'SimHei', sans-serif; +} + +#textCertificate .codeBox { + /* height: 140rpx; */ + margin-top: 34rpx; + text-align: center; +} + +#textCertificate .updateDate { + margin-top: 25px; + text-align: center; + font-size: 12px; + color: #000; +} + +.qrcode { + width: 160rpx; + height: 160rpx; + margin: 0 auto; } \ No newline at end of file -- Gitblit v1.9.1