css

public/react/src/modules/user/usersInfo/InfosBanner.js

@@ -32,11 +32,9 @@ class InfosBanner extends Component{
      let {pathname}=this.props.location;
      moduleName=pathname.split("/")[3];
     return(
-      <div className="pr mb60">
-        <img src={banner} style={{width:"100%"}}/>
-        <div className="bannerPanel">
+      <div className="bannerPanel mb60">
         <div className="educontent">
-            <div className="clearfix color-white mb20">
+          <div className="clearfix color-white mb25">
             <p className="myPhoto mr30 fl"><img alt="头像" width='106px' height='106px' src={data && `${getImageUrl('images/'+data.avatar_url)}`}/></p>
             <div className="fl">
               <p className="clearfix mt20">
@@ -101,7 +99,6 @@ class InfosBanner extends Component{
                 onClick={() => this.setState({moduleName: 'projects'})}
                 to={`/users/${username}/projects`}>项目</Link>
             </li>
-
             <li className={`${moduleName == 'package' ? 'active' : '' }`}>
               <Link
                 onClick={() => this.setState({moduleName: 'package'})}
@@ -115,7 +112,6 @@ class InfosBanner extends Component{
           </div>
         </div>
       </div>
-      </div>
     )
   }
 }

public/react/src/modules/user/usersInfo/usersInfo.css

@@ -123,13 +123,14 @@
 
 /* 个人主页头部改版 */
 .bannerPanel{
-  position: absolute;
   width:100%;
   top:0px;
   left:0px;
-  height:100%;
+  height:186px;
   padding-top:25px;
   box-sizing: border-box;
+  background: url('../../../images/account/infobanner.png') no-repeat top center;
+
 }
 .username{
   font-size:26px;
@@ -193,10 +194,9 @@
   height: 54px;
   line-height: 54px;
   background: #fff;
-  box-shadow:3px 5px 11px 1px rgba(230,230,230,0.5);
+  box-shadow:0px 0px 24px 3px rgba(230,230,230,0.5);
   border-radius:7px;
   padding:0px 10px;
-  margin-top:8px;
 }
 .userNav li{
   display: inline-block;