From 3af1a4c3f1712445a17376205b9ee3c4d7768da6 Mon Sep 17 00:00:00 2001 From: litian <C21AF165> Date: 星期二, 24 九月 2024 19:29:33 +0800 Subject: [PATCH] zs --- pages/digitalCourses/digitalCoursesDetails/index.wxss | 187 ++++++++++++++++++++++++++++++++++++++++++---- 1 files changed, 169 insertions(+), 18 deletions(-) diff --git a/pages/digitalCourses/digitalCoursesDetails/index.wxss b/pages/digitalCourses/digitalCoursesDetails/index.wxss index 2349435..3fca6a4 100644 --- a/pages/digitalCourses/digitalCoursesDetails/index.wxss +++ b/pages/digitalCourses/digitalCoursesDetails/index.wxss @@ -68,6 +68,12 @@ color: #fff; } +.old-price { + margin-left: 30rpx; + font-size: 28rpx; + text-decoration: line-through; +} + .digital { background-color: #F2F3F8; } @@ -159,15 +165,17 @@ .lecturerName { display: flex; /* justify-content: space-between; */ - margin-bottom: 10rpx; + margin-bottom: 20rpx; } .lecturerName .name { color: #333; - width: 200rpx; + + /* width: 200rpx; */ } -.lecturerName .title { + +.lecturerName .positionalTitle { color: #949494; } @@ -192,7 +200,7 @@ height: 68rpx; line-height: 68rpx; text-align: center; - + color: #ff6c00; flex: 1; } @@ -245,9 +253,19 @@ border: 1px solid #DDD; } +.btn-text { + font-size: 24rpx; + color: #010101; +} + .box-bottom image { width: 38rpx; height: 40rpx; +} + +.collectionImage image { + width: 38rpx; + height: 38rpx; } .bottom-btn { @@ -298,6 +316,11 @@ height: 325rpx; border: 1rpx solid #ccc; margin-right: 50rpx; +} + +.chartImage { + width: 230rpx; + height: 325rpx; } .placeholder { @@ -425,17 +448,28 @@ text-align: center; } +.myCanvas { + position: fixed; + top: 110%; +} + #pubCertificate { width: 595px; height: 845px; - position: relative; + position: fixed; + top: 110%; background-image: url('https://jsek.bnuic.com/home/certificate/szkc.jpg'); } -.bgImg { +.pubCon { width: 100%; height: 100%; + position: relative; +} +#pubCertificate .bgImg { + width: 100%; + height: 100%; } .certificateInfo { @@ -446,41 +480,147 @@ left: 0; } -.bookName { - padding-top: 260px; +#pubCertificate .bookName { + padding-top: 256px; + width: 500px; + height: 66px; + margin: 0 auto; text-align: center; font-size: 30px; color: #000; font-family: 'FZXBSJW'; } -.author { - margin-top: 30px; +#pubCertificate .author { + height: 80px; + width: 290px; font-size: 24px; margin-left: 250px; color: #000; - margin-bottom: 50px; font-family: 'FZXBSJW'; } -.affiliatedUnit { - margin-top: 13px; +#pubCertificate .affiliatedUnit { + height: 29px; + width: 250px; margin-left: 46%; + color: #000; + font-family: 'SimHei', sans-serif; + white-space: nowrap; +} + +#pubCertificate .website { + margin-top: 50px; + margin-left: 27%; + color: #000; + font-family: 'SimHei', sans-serif; + +} + +#pubCertificate .codeBox { + margin-top: 24px; + text-align: center; +} + +#textCertificate { + width: 595px; + height: 845px; + position: fixed; + top: 110%; + /* background-image: url('https://jsek.bnuic.com/home/certificate/kczs.jpg'); */ +} + +#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 .userName { + height: 38px; + font-size: 38px; + padding-top: 26px; + text-align: center; + font-family: 'FZXBSJW'; +} + +#textCertificate .bookName { + padding-top: 32px; + margin-left: 230px; + width: 300px; + height: 60px; + font-size: 18px; + color: #000; + font-family: 'FZXBSJW'; +} + +#textCertificate .author { + line-height: 14px; + height: 28px; + margin-left: 52%; color: #000; font-family: 'SimHei', sans-serif; } -.website { - margin-top: 62px; +#textCertificate .classHours { + height: 30px; + margin-left: 52%; + color: #000; + font-family: 'SimHei', sans-serif; +} + +#textCertificate .affiliatedUnit { + height: 26px; + margin-left: 33%; + color: #000; + font-family: 'SimHei', sans-serif; +} + +#textCertificate .studyTime { + margin-left: 33%; + color: #000; + font-family: 'SimHei', sans-serif; +} + +#textCertificate .website { + margin-top: 20px; margin-left: 27%; color: #000; font-family: 'SimHei', sans-serif; } -.codeBox { - margin-top: 24px; +#textCertificate .codeBox { + margin-top: 16px; text-align: center; } + +#textCertificate .updateDate { + margin-top: 60rpx; + text-align: center; + font-size: 24rpx; + color: #000; +} + +.qrcode { + width: 160rpx; + height: 160rpx; + margin: 0 auto; +} + .rubricBox { @@ -509,6 +649,8 @@ .correlationImage { width: 300rpx; height: 180rpx; + /* background: #D9D9D9; */ + border: 2rpx solid #ddd; } .correlation { @@ -537,11 +679,20 @@ background-color: #fff6f0; display: flex; justify-content: space-between; - padding: 20rpx 32rpx; + padding: 20rpx; margin-top: 30rpx; } +.testBtnBox { + display: flex; + justify-content: space-between; + padding: 20rpx 32rpx; + margin-top: 30rpx; + border-top: 2rpx solid #ededed; + border-bottom: 2rpx solid #ededed; +} + .textTile { display: flex; align-items: center; -- Gitblit v1.9.1