From 1fa2461678d7f93b88f5666c4898e5b6c72080f3 Mon Sep 17 00:00:00 2001 From: 闫增涛 <1829501689@qq.com> Date: 星期一, 16 十二月 2024 10:21:06 +0800 Subject: [PATCH] 个人中心,班级、课程模块 --- pages/personalCenter/certificate/index.wxss | 297 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 297 insertions(+), 0 deletions(-) diff --git a/pages/personalCenter/certificate/index.wxss b/pages/personalCenter/certificate/index.wxss index e69de29..b0b4831 100644 --- a/pages/personalCenter/certificate/index.wxss +++ b/pages/personalCenter/certificate/index.wxss @@ -0,0 +1,297 @@ +page { + background-color: #F2F3F8; +} + +.container { + width: 100vw; + height: 100vh; +} + +.pageInfo { + background: #fff; +} + +.content { + height: calc(100vh - env(safe-area-inset-bottom) - 116rpx); + box-sizing: border-box; +} + +.t-tabs__track { + display: none; +} + +.t-tabs { + margin-top: 20rpx; + background: none !important; +} + +.t-tabs__wrapper { + background: none !important; +} + +.t-tabs__nav :nth-child(1) { + border-radius: 30rpx 30rpx 0 0rpx; +} + +.t-tabs__nav :nth-child(2) { + border-radius: 0rpx 30rpx 0 30rpx; +} + +.t-tabs__item { + flex: 1 !important; + background: #E6E8F1; + height: 76rpx !important; + margin-top: 16rpx; + border-radius: 30rpx 0 30rpx 0rpx !important; +} + +.t-tabs__item--active { + color: #333 !important; + background: #fff; + height: 96rpx; + font-size: 32rpx; + margin-top: 0; + height: 96rpx !important; + border-radius: 30rpx 30rpx 0 0rpx !important; +} + +.t-tabs__item--active+.t-tabs__item { + border-radius: 0 30rpx 0 30rpx !important; +} + +.t-tabs__content { + background: #fff !important; + margin-top: -30rpx; + padding-top: 30rpx; +} + +.refresh-container { + margin: 0 auto; +} + +.bottom-loading, +.loading { + padding: 20rpx; + text-align: center; +} + + + + +.listBox { + display: flex; + flex-flow: row wrap; + padding: 30rpx; +} + + +.content-item { + width: calc(100%/2 - 40rpx); + margin-bottom: 30rpx; + margin: 0 20rpx; + align-self: stretch; + text-align: center; +} + + +.content-item .icon { + height: 400rpx; + width: 280rpx; + margin: auto; + box-shadow: 0px 0px 20rpx 2px rgba(0, 0, 0, 0.16); + position: relative; +} + +.content-item .icon .img, +.class--tem .icon .img { + width: 100%; + height: 100%; + object-fit: contain; +} + +.body-info { + padding: 20rpx 0; +} + +.body-info .name { + font-size: 32rpx; + height: 88rpx; + color: #333333; + font-weight: bold; + line-height: 44rpx; + display: -webkit-box; + margin-bottom: 10rpx; + -webkit-box-orient: vertical; + -webkit-line-clamp: 2; + overflow: hidden; + text-overflow: ellipsis; +} + +.empyt { + padding: 200rpx 0; +} + +.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