From e746a13f37caf14da3617e65e06b1d14173c8e34 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=9D=A8=E6=A0=91=E6=98=8E?= <775174143@qq.com> Date: Wed, 31 Jul 2019 14:38:14 +0800 Subject: [PATCH] =?UTF-8?q?=E5=9B=BE=E7=89=87=E5=8D=A0=E6=AF=94=E4=BC=98?= =?UTF-8?q?=E5=8C=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/react/public/css/edu-all.css | 27 ++++++-- .../courses/coursesHome/css/CoursesHome.css | 66 ++++++++++--------- public/stylesheets/educoder/edu-all.css | 33 ++++++++-- 3 files changed, 83 insertions(+), 43 deletions(-) diff --git a/public/react/public/css/edu-all.css b/public/react/public/css/edu-all.css index fad3568b4..600520410 100644 --- a/public/react/public/css/edu-all.css +++ b/public/react/public/css/edu-all.css @@ -332,8 +332,12 @@ label.infolabel{display: block;float: left;width: 56px;text-align: right;margin- } .shixunDes{font-family: 'panmen-webfont';display: block;position: absolute;height: 100%;width: 100%;text-align: center;line-height: 220px;color: #fff;top: 0px;font-size: 24px;background-color: rgba(5,16,26,0.4);border-radius: 6px 6px 0px 0px;} /*TPM*/ -.shixunDetail_top{width: 100%;background-image: url("/images/educoder/shixun-detail.jpg");background-size: 100% 100%;height: 240px; - justify-content: center;align-items: center;display: -webkit-flex;} +.shixunDetail_top{width: 100%;background-image: url("/images/educoder/shixun-detail.jpg"); height: 240px; + justify-content: center;align-items: center;display: -webkit-flex; + background-size: cover; + background-position: center; + background-repeat: no-repeat; +} .task-item{margin-top: 30px;padding-bottom: 30px;border-bottom: 1px solid #eee} .task-item:last-child{border-bottom: none;} .challengeNav a.active{color: #4CACFF;} @@ -420,14 +424,23 @@ table.text-file{} /*-------------------------------实训路径-------------------------------*/ -.path-head{width: 100%;height: 300px;background-image: url("/images/educoder/path.png");background-color: #081C4B;background-size: 100% 100%;} +.path-head{width: 100%;height: 300px;background-image: url("/images/educoder/path.png"); + background-color: #081C4B; + background-size: cover; + background-position: center; + background-repeat: no-repeat; +} .pathNavLine{position: absolute;bottom: -8px;width: 100%;} .path-nav li{float: left;padding: 0px 30px;height: 42px;} .path-nav li a{color:#fff;font-size: 16px;display: block; height: 40px;} .path-nav li.active a{border-bottom: 3px solid #4CACFF;color:#4CACFF;} /*---实训路径详情----*/ .subhead{width: 100%;margin-bottom:40px;background-size: 100% 100%;background-image: url("/images/educoder/path-detail.jpg");height: 240px; - justify-content: center;align-items: center;display: -webkit-flex;} + justify-content: center;align-items: center;display: -webkit-flex; + background-size: cover; + background-position: center; + background-repeat: no-repeat; +} .subhead_content{width: 1200px;margin: 0px auto;} .pathInfo li{text-align: center;float: left;margin-right: 38px;} .pathInfo li span{display: block;} @@ -467,7 +480,11 @@ li.li-width7{width: 7%;text-align: left} /*-----------------------------在线课堂动态----------------------------------*/ .courseHead{width: 100%;margin-bottom:40px;background-size: 100% 100%;background-image: url("/images/educoder/course-detail.jpg");height: 240px; - justify-content: center;align-items: center;display: -webkit-flex;} + justify-content: center;align-items: center;display: -webkit-flex; + background-size: cover; + background-position: center; + background-repeat: no-repeat; +} .invite-tip{position: absolute;top: -5px;right: 140px;color: #fff; box-sizing: border-box;width: 170px;text-align: center;border-radius: 2px;background-color: rgba(5,16,26,0.6)} .inviteTipbtn a{font-size:14px;width: 100%;height: 30px;line-height: 30px;display: block;color: #747A7F;background-color: rgba(5,16,26,0.4)} .inviteTipbtn a:hover{color: #4cacff!important;} diff --git a/public/react/src/modules/courses/coursesHome/css/CoursesHome.css b/public/react/src/modules/courses/coursesHome/css/CoursesHome.css index 696d35ecc..af431da99 100644 --- a/public/react/src/modules/courses/coursesHome/css/CoursesHome.css +++ b/public/react/src/modules/courses/coursesHome/css/CoursesHome.css @@ -1,33 +1,35 @@ -.courses-head{ - width: 100%; - height: 300px; - background-image: url(./courses.jpg); - background-color: #081C4B; - background-size: 100% 100%; -} -a{ - text-decoration: none; - color: #05101a; -} -.ant-input-affix-wrapper .ant-input:not(:last-child) { - padding-right: 24px; -} - -.memberscount{ - font-size: 55px !important; - background: #fff; - color: #dfdfdf; - display: inline-block; - padding-right: 15px; -} -.biaoqiancours{ - overflow: hidden; - position: relative; -} -.coursesover{ - position: absolute; - color: #fff; - left: 17px; - background: #dfdfdf; - width: 200px; +.courses-head{ + width: 100%; + height: 300px; + background-image: url(./courses.jpg); + background-color: #081C4B; + background-size: cover; + background-position: center; + background-repeat: no-repeat; +} +a{ + text-decoration: none; + color: #05101a; +} +.ant-input-affix-wrapper .ant-input:not(:last-child) { + padding-right: 24px; +} + +.memberscount{ + font-size: 55px !important; + background: #fff; + color: #dfdfdf; + display: inline-block; + padding-right: 15px; +} +.biaoqiancours{ + overflow: hidden; + position: relative; +} +.coursesover{ + position: absolute; + color: #fff; + left: 17px; + background: #dfdfdf; + width: 200px; } \ No newline at end of file diff --git a/public/stylesheets/educoder/edu-all.css b/public/stylesheets/educoder/edu-all.css index ec245b196..05e767ba4 100644 --- a/public/stylesheets/educoder/edu-all.css +++ b/public/stylesheets/educoder/edu-all.css @@ -334,8 +334,12 @@ label.infolabel{display: block;float: left;width: 56px;text-align: right;margin- } .shixunDes{font-family: 'panmen-webfont';display: block;position: absolute;height: 100%;width: 100%;text-align: center;line-height: 220px;color: #fff;top: 0px;font-size: 24px;background-color: rgba(5,16,26,0.4);border-radius: 6px 6px 0px 0px;} /*TPM*/ -.shixunDetail_top{width: 100%;background-image: url("/images/educoder/shixun-detail.jpg");background-size: 100% 100%;height: 240px; - justify-content: center;align-items: center;display: -webkit-flex;} +.shixunDetail_top{width: 100%;background-image: url("/images/educoder/shixun-detail.jpg"); height: 240px; + justify-content: center;align-items: center;display: -webkit-flex; + background-size: cover; + background-position: center; + background-repeat: no-repeat; +} .task-item{margin-top: 30px;padding-bottom: 30px;border-bottom: 1px solid #eee} .task-item:last-child{border-bottom: none;} .challengeNav a.active{color: #4CACFF;} @@ -422,14 +426,23 @@ table.text-file{} /*-------------------------------实训路径-------------------------------*/ -.path-head{width: 100%;height: 300px;background-image: url("/images/educoder/path.png");background-color: #081C4B;background-size: 100% 100%;} +.path-head{width: 100%;height: 300px;background-image: url("/images/educoder/path.png"); + background-color: #081C4B; + background-size: cover; + background-position: center; + background-repeat: no-repeat; +} .pathNavLine{position: absolute;bottom: -8px;width: 100%;} .path-nav li{float: left;padding: 0px 30px;height: 42px;} .path-nav li a{color:#fff;font-size: 16px;display: block; height: 40px;} .path-nav li.active a{border-bottom: 3px solid #4CACFF;color:#4CACFF;} /*---实训路径详情----*/ .subhead{width: 100%;margin-bottom:40px;background-size: 100% 100%;background-image: url("/images/educoder/path-detail.jpg");height: 240px; - justify-content: center;align-items: center;display: -webkit-flex;} + justify-content: center;align-items: center;display: -webkit-flex; + background-size: cover; + background-position: center; + background-repeat: no-repeat; +} .subhead_content{width: 1200px;margin: 0px auto;} .pathInfo li{text-align: center;float: left;margin-right: 38px;} .pathInfo li span{display: block;} @@ -469,7 +482,11 @@ li.li-width7{width: 7%;text-align: left} /*-----------------------------在线课堂动态----------------------------------*/ .courseHead{width: 100%;margin-bottom:40px;background-size: 100% 100%;background-image: url("/images/educoder/course-detail.jpg");height: 240px; - justify-content: center;align-items: center;display: -webkit-flex;} + justify-content: center;align-items: center;display: -webkit-flex; + background-size: cover; + background-position: center; + background-repeat: no-repeat; +} .invite-tip{position: absolute;top: -5px;right: 140px;color: #fff; box-sizing: border-box;width: 170px;text-align: center;border-radius: 2px;background-color: rgba(5,16,26,0.6)} .inviteTipbtn a{font-size:14px;width: 100%;height: 30px;line-height: 30px;display: block;color: #747A7F;background-color: rgba(5,16,26,0.4)} .inviteTipbtn a:hover{color: #4cacff!important;} @@ -3055,7 +3072,11 @@ a.singlepublishtwo{ padding: 0px; } .project_packagesHead{width: 100%;margin-bottom:40px;background-size: 100% 100%;background-image: url("/images/educoder/project_packagesHead.jpg");height: 240px; - justify-content: center;align-items: center;display: -webkit-flex;} + justify-content: center;align-items: center;display: -webkit-flex; + background-size: cover; + background-position: center; + background-repeat: no-repeat; +} /* 个人中心-众包 */