导航栏和底部

public/css/edu-all.css

@@ -38,6 +38,29 @@
   box-sizing: border-box;
 }
 
+.head-nav ul#header-nav li {
+  float: left;
+  height: 60px;
+  line-height: 60px;
+  margin-right: 30px;
+  cursor: pointer;
+  position: relative;
+  font-size: 16px
+}
+
+
+.head-nav ul#header-nav li.active:after {
+  content: '';
+  position: absolute;
+  left: 0px;
+  top: auto;
+  bottom: 10px;
+  right: auto;
+  height: 2px;
+  width: 14px;
+  background-color: #459be5;
+}
+
 .nav-img {
   position: absolute;
   top: 2px;
@@ -269,10 +292,6 @@ em.vertical-line {
   overflow: hidden;
 }
 
-/*底部*/
-.newFooter {
-  max-height: 110px;
-}
 
 .newFooter {
   position: absolute;

public/css/edu-common.css

@@ -25,9 +25,6 @@ html {
   min-width: 1200px
 }
 
-.newFooter {
-  max-height: 110px;
-}
 
 .newFooter {
   position: absolute;

public/css/edu-purge.css

@@ -3957,7 +3957,7 @@ html>body #ajax-indicator {
   display: block;
   height: 100%;
   width: 100%;
-  color: #333;
+  color: #fff;
   font-size: 16px;
 }
 
@@ -4088,6 +4088,17 @@ em.vertical-line {
 /* 右侧内容宽度变化的话，需要调整posi-search right的值*/
 
 
+.newFooter {
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+  background: #323232;
+  clear: both;
+  min-width: 1200px;
+  z-index: 8;
+  left: 0px;
+}
+
 .footercon {
   border-bottom: 1px solid #47494d;
 }

src/forge/css/index.scss

@@ -3,6 +3,7 @@ ul,ol,dl{
 }
 .newMain{
   background-color: #fff;
+  padding-bottom: 810px;
 }
 .color-black{
   color: #333;

src/modules/tpm/NewHeader.js

@@ -752,7 +752,7 @@ class NewHeader extends Component {
           <div className="head-right">
             {this.props.user && this.props.user.login &&
               <div className="edu-menu-panel">
-                <i className="iconfont icon-tianjiafangda color-grey-6"></i>
+                <i className="iconfont icon-tianjiafangda color-white"></i>
                 <div className="edu-menu-list" style={{ top: '48px' }}>
                   <div className="overPart"></div>
                   {
@@ -774,7 +774,7 @@ class NewHeader extends Component {
               <div className="ml30 edu-menu-panel">
                 {user && user.login &&
                   <a href={`${settings && settings.new_course && settings.new_course.tiding_url}`} style={{ position: 'relative' }} target="_blank">
-                    <i className="iconfont icon-xiaoxilingdang color-grey-6"></i>
+                    <i className="iconfont icon-xiaoxilingdang color-white"></i>
                     <span className="newslight" style={{ display: this.props.Headertop === undefined ? "none" : this.props.Headertop.new_message === true ? "block" : "none" }}>
                     </span>
                   </a>
@@ -810,7 +810,7 @@ class NewHeader extends Component {
           </div>
           {user === undefined ?
             <span className="font-15">
-              <a onClick={() => this.educoderlogin()} className="mr5 color-grey-6">登录</a>
+              <a onClick={() => this.educoderlogin()} className="mr5 color-white">登录</a>
               {
                 settings && settings.common && settings.common.register &&
                 <span><em className="vertical-line"></em><a className="ml5 color-grey-6 3333" href={`${settings.common.register}`} target="_blank">注册</a></span>
@@ -818,7 +818,7 @@ class NewHeader extends Component {
             </span>
             : user.login === "" ?
             <span className="font-15">
-              <a onClick={() => this.educoderlogin()} className="mr5 color-grey-6">登录</a>
+              <a onClick={() => this.educoderlogin()} className="mr5 color-white">登录</a>
               {
                 settings && settings.common && settings.common.register &&
                 <span><em className="vertical-line"></em><a className="color-grey-6 ml5 111" href={`${settings.common.register}`} target="_blank">注册</a></span>

src/modules/tpm/TPMIndex.css

@@ -27,13 +27,13 @@ body>.-task-title {
   width: 100%;
   height:70px;
   min-width: 1200px;
-  z-index: 1000;
+  z-index: 10000;
-  background:rgba(255,255,255,1);
+  background:#242424;
   position: fixed;
   box-shadow: 0px 0px 14px rgb(0 0 0 / 10%);
 }
 .headerContent{
-  width:1200px;
+  padding:0px 25px;
   margin:0px auto;
   display: flex;
   align-items: center;
@@ -329,4 +329,134 @@ body>.-task-title {
 .progress-container {
   flex: 1 0 0;
   margin-left: 20px;
+}
+.newFooter > div{
+  padding: 90px 20px;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -ms-flex-align: start;
+  align-items: flex-start;
+  background: #242424;
+  min-width: 1200px;
+}
+
+.newFooter .module-list{
+  width: 200px;
+  text-align: left;
+}
+.newFooter .module-list>.title{
+  font-size: 16px;
+  color: #ddd;
+  margin-bottom: 20px;
+  font-weight: 400;
+  background-color: transparent;
+  border: none;
+  padding: 0px;
+}
+.newFooter .module-list>a {
+  display: block;
+  color: #bbb;
+  line-height: 34px;
+  font-weight: 300;
+  font-size: 12px;
+}
+.newFooter .module-introduce{
+  display: flex;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -ms-flex-align: center;
+  align-items: center;
+  width: 290px;
+  margin-top: -12px;
+}
+.newFooter .module-introduce p {
+  font-size: 12px;
+  color: #bbb;
+  line-height: 32px;
+  margin-top: 12px;
+  font-weight: 300;
+  text-align: justify;
+}
+.module-introduce ul {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: distribute;
+  justify-content: space-around;
+  padding: 0;
+  margin-top: 20px;
+}
+.module-introduce ul {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: distribute;
+  justify-content: space-around;
+  padding: 0;
+  margin-top: 20px;
+}
+.module-introduce ul li:first-child {
+  margin-right: 50px;
+}
+.module-introduce ul li {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -ms-flex-align: center;
+  align-items: center;
+}
+.module-introduce ul li>span {
+  font-size: 12px;
+  color: #bbb;
+  padding-top: 10px;
+}
+.module-introduce ol {
+  margin-top: 16px;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: distribute;
+  justify-content: space-around;
+  padding: 0;
+  height: 108px;
+  width: 100%;
+}
+.module-introduce ol li {
+  height: 100%;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  -ms-flex-align: center;
+  align-items: center;
+}
+.module-introduce ol li a {
+  font-size: 14px;
+  color: #bbb;
+  margin-top: 20px;
+}
+.module-introduce section {
+  width: 100%;
+  height: 115px;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  -ms-flex-align: start;
+  align-items: flex-start;
+  font-size: 14px;
+  color: #bbb;
+  font-weight: 300;
+}
+.module-introduce .footer-line {
+  width: 310px;
+  height: 1px;
+  background-color: #3e4042;
+  margin: 32px 0;
 }