From 6d86ad3ea52ca59d49d3da127ef7bfa9215c7feb Mon Sep 17 00:00:00 2001 From: QYF-GitLab1 <1940665526@qq.com> Date: 星期三, 18 十二月 2024 12:01:30 +0800 Subject: [PATCH] 1 --- pages/digitalCourses/digitalCoursesDetails/index.wxss | 117 ++++++++++++++++++++++++++++++++++++++++++---------------- 1 files changed, 85 insertions(+), 32 deletions(-) diff --git a/pages/digitalCourses/digitalCoursesDetails/index.wxss b/pages/digitalCourses/digitalCoursesDetails/index.wxss index 208d751..860b573 100644 --- a/pages/digitalCourses/digitalCoursesDetails/index.wxss +++ b/pages/digitalCourses/digitalCoursesDetails/index.wxss @@ -9,7 +9,7 @@ .page-bookService { width: 100vw; height: 100%; - + position: relative; } .t-image-viewer { @@ -19,7 +19,7 @@ .outsideContentBox { position: relative; background-color: #F2F3F8; - height: calc(100vh - env(safe-area-inset-bottom) - 60px); + height: calc(100vh - env(safe-area-inset-bottom) - 110rpx); } .digitalCoursesDetailsTitle { @@ -66,6 +66,12 @@ height: 120rpx; border-radius: 0 0 20rpx 20rpx; color: #fff; +} + +.old-price { + margin-left: 30rpx; + font-size: 28rpx; + text-decoration: line-through; } .digital { @@ -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; } @@ -234,20 +242,28 @@ .box-bottom { - position: fixed; + position: absolute; left: 0; bottom: 0; width: 100%; height: 110rpx; - margin-bottom: env(safe-area-inset-bottom); display: flex; - flex-direction: row; 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 +314,11 @@ height: 325rpx; border: 1rpx solid #ccc; margin-right: 50rpx; +} + +.chartImage { + width: 230rpx; + height: 325rpx; } .placeholder { @@ -425,11 +446,23 @@ text-align: center; } +.myCanvas { + position: fixed; + top: 110%; +} + #pubCertificate { width: 595px; height: 845px; + position: fixed; + top: 110%; + background-image: url('https://jsek.bnuic.com/home/certificate/szkc.jpg'); +} + +.pubCon { + width: 100%; + height: 100%; position: relative; - /* background-image: url('https://jsek.bnuic.com/home/certificate/szkc.jpg'); */ } #pubCertificate .bgImg { @@ -446,7 +479,10 @@ } #pubCertificate .bookName { - padding-top: 260px; + padding-top: 256px; + width: 500px; + height: 66px; + margin: 0 auto; text-align: center; font-size: 30px; color: #000; @@ -454,26 +490,31 @@ } #pubCertificate .author { - margin-top: 30px; + height: 80px; + width: 290px; font-size: 24px; margin-left: 250px; color: #000; - margin-bottom: 50px; font-family: 'FZXBSJW'; } #pubCertificate .affiliatedUnit { - margin-top: 13px; + height: 29px; + width: 250px; margin-left: 46%; color: #000; + font-size: 14px; font-family: 'SimHei', sans-serif; + white-space: nowrap; } #pubCertificate .website { - margin-top: 62px; + margin-top: 50px; margin-left: 27%; color: #000; + font-size: 14px; font-family: 'SimHei', sans-serif; + } #pubCertificate .codeBox { @@ -484,7 +525,9 @@ #textCertificate { width: 595px; height: 845px; - position: relative; + position: fixed; + top: 110%; + /* background-image: url('https://jsek.bnuic.com/home/certificate/kczs.jpg'); */ } #textCertificate .userIcon { @@ -500,8 +543,6 @@ clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); margin: 0 auto; overflow: hidden; - - } #textCertificate .img { @@ -510,7 +551,7 @@ } #textCertificate .userName { - height: 120rpx; + height: 38px; font-size: 38px; padding-top: 26px; text-align: center; @@ -518,46 +559,52 @@ } #textCertificate .bookName { - padding-top: 30px; - margin-left: 215px; - - font-size: 20px; + padding-top: 32px; + margin-left: 230px; + width: 300px; + height: 60px; + font-size: 18px; color: #000; font-family: 'FZXBSJW'; } #textCertificate .author { - margin-top: 43px; + line-height: 14px; + height: 28px; margin-left: 52%; color: #000; + font-size: 14px; font-family: 'SimHei', sans-serif; } #textCertificate .classHours { - margin-top: 12px; + height: 30px; + font-size: 14px; margin-left: 52%; color: #000; font-family: 'SimHei', sans-serif; } #textCertificate .affiliatedUnit { - margin-top: 13px; - margin-left: 40%; + height: 24px; + margin-left: 33%; color: #000; + font-size: 14px; font-family: 'SimHei', sans-serif; } #textCertificate .studyTime { - margin-top: 13px; margin-left: 33%; + font-size: 14px; color: #000; font-family: 'SimHei', sans-serif; } #textCertificate .website { - margin-top: 22px; + margin-top: 18px; margin-left: 27%; color: #000; + font-size: 14px; font-family: 'SimHei', sans-serif; } @@ -567,10 +614,16 @@ } #textCertificate .updateDate { - margin-top: 30px; + margin-top: 60rpx; text-align: center; - font-size: 12px; + font-size: 24rpx; color: #000; +} + +.qrcode { + width: 160rpx; + height: 160rpx; + margin: 0 auto; } @@ -631,7 +684,7 @@ background-color: #fff6f0; display: flex; justify-content: space-between; - padding: 20rpx 32rpx; + padding: 20rpx; margin-top: 30rpx; } -- Gitblit v1.9.1