From bbba5d26e9e26c910ed337dcb65f462752ee6dce Mon Sep 17 00:00:00 2001 From: litian <C21AF165> Date: 星期四, 12 九月 2024 09:11:47 +0800 Subject: [PATCH] fenxiang --- pages/personalCenter/certificate/index.wxss | 162 +++++++++++++++++++++++++++++++++++++++++++++++++++++- 1 files changed, 159 insertions(+), 3 deletions(-) diff --git a/pages/personalCenter/certificate/index.wxss b/pages/personalCenter/certificate/index.wxss index d3c33a0..3dd25a6 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,157 @@ .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; + font-size: 20px; + color: #000; + font-family: 'FZXBSJW'; +} + +#textCertificate .author { + font-size: 28rpx; + margin-top: 84rpx; + 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 { + font-size: 28rpx; + margin-top: 20rpx; + margin-left: 52%; + color: #000; + font-family: 'SimHei', sans-serif; +} + +#textCertificate .affiliatedUnit { + font-size: 28rpx; + margin-top: 24rpx; + margin-left: 40%; + 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-top: 23rpx; + margin-left: 33%; + color: #000; + font-family: 'SimHei', sans-serif; +} + +#textCertificate .website { + font-size: 28rpx; + margin-top: 40rpx; + margin-left: 27%; + color: #000; + font-family: 'SimHei', sans-serif; +} + +#textCertificate .codeBox { + height: 140rpx; + margin-top: 34rpx; + text-align: center; +} + +#textCertificate .updateDate { + margin-top: 80rpx; + text-align: center; + font-size: 12px; + color: #000; } \ No newline at end of file -- Gitblit v1.9.1