m52mxtq3o
/
educoder
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

个人主页

Browse Source
dev_hjm^2
caishi 6 years ago
parent c1c8f4e680
commit ab4e31709d
2 changed files with 72 additions and 75 deletions
Show Stats Download Patch File Download Diff File

139
public/react/src/modules/user/usersInfo/InfosBanner.js
Unescape View File

@ -32,82 +32,79 @@ class InfosBanner extends Component{
let {pathname}=this.props.location; let {pathname}=this.props.location;
moduleName=pathname.split("/")[3]; moduleName=pathname.split("/")[3];
return( return(
<div className="pr mb60"> <div className="bannerPanel mb60">
<img src={banner} style={{width:"100%"}}/> <div className="educontent">
<div className="bannerPanel"> <div className="clearfix color-white mb25">
<div className="educontent"> <p className="myPhoto mr30 fl"><img alt="头像" width='106px' height='106px' src={data && `${getImageUrl('images/'+data.avatar_url)}`}/></p>
<div className="clearfix color-white mb20"> <div className="fl">
<p className="myPhoto mr30 fl"><img alt="头像" width='106px' height='106px' src={data && `${getImageUrl('images/'+data.avatar_url)}`}/></p> <p className="clearfix mt20">
<div className="fl"> <span className="username task-hide" style={{"maxWidth":'370px'}}>{data && data.name}</span>
<p className="clearfix mt20">
<span className="username task-hide" style={{"maxWidth":'370px'}}>{data && data.name}</span>
{
data && is_current == false && data.identity =="学生" ? "" : <span className="userpost">{data && data.identity}</span>
}
</p>
<p className="mt20">
<Tooltip placement='bottom' title={ data && data.professional_certification ?"已职业认证":"未职业认证"}>
<i className={ data && data.professional_certification ? "iconfont icon-shenfenzhenghaomaguizheng font-15 user-colorgrey-green mr30 ml2":"iconfont icon-shenfenzhenghaomaguizheng font-15 user-colorgrey-B8 mr30 ml2"}></i>
</Tooltip>
<Tooltip placement='bottom' title={ data && data.authentication ?"已实名认证":"未实名认证"}>
<i className={ data && data.authentication ? "iconfont icon-renzhengshangjia font-15 user-colorgrey-green":"iconfont icon-renzhengshangjia font-15 user-colorgrey-B8"}></i>
</Tooltip>
</p>
</div>
<div className="fr">
<div class="fl headtab mt20">
<span>{is_current ? "我":"TA"}的经验值</span>
<a style={{"cursor":"default"}}>{data && data.experience}</a>
</div>
<div class="fl headtab mt20 pr leftTransform pl20">
<span>{is_current ? "我":"TA"}的金币</span>
<a style={{"cursor":"default"}}>{data && data.grade}</a>
</div>
{ {
is_current ? data && is_current == false && data.identity =="学生" ? "" : <span className="userpost">{data && data.identity}</span>
<span className="fl mt35 ml80">
{
data && data.attendance_signed ?
<span className="user_default_btn user_grey_btn font-18">已签到</span>
:
<a herf="javascript:void(0);" onClick={this.props.signFor} className="user_default_btn user_yellow_btn fl font-18">签到</a>
}
</span>
:
<span className="fl mt35 ml80">
<a href={`${this.props.Headertop && this.props.Headertop.old_url}/messages/${login}/message_detail?target_ids=${id}`} className="user_default_btn user_yellow_btn fl font-18">私信</a>
</span>
} }
</div> </p>
<p className="mt20">
<Tooltip placement='bottom' title={ data && data.professional_certification ?"已职业认证":"未职业认证"}>
<i className={ data && data.professional_certification ? "iconfont icon-shenfenzhenghaomaguizheng font-15 user-colorgrey-green mr30 ml2":"iconfont icon-shenfenzhenghaomaguizheng font-15 user-colorgrey-B8 mr30 ml2"}></i>
</Tooltip>
<Tooltip placement='bottom' title={ data && data.authentication ?"已实名认证":"未实名认证"}>
<i className={ data && data.authentication ? "iconfont icon-renzhengshangjia font-15 user-colorgrey-green":"iconfont icon-renzhengshangjia font-15 user-colorgrey-B8"}></i>
</Tooltip>
</p>
</div>
<div className="fr">
<div class="fl headtab mt20">
<span>{is_current ? "我":"TA"}的经验值</span>
<a style={{"cursor":"default"}}>{data && data.experience}</a>
</div>
<div class="fl headtab mt20 pr leftTransform pl20">
<span>{is_current ? "我":"TA"}的金币</span>
<a style={{"cursor":"default"}}>{data && data.grade}</a>
</div>
{
is_current ?
<span className="fl mt35 ml80">
{
data && data.attendance_signed ?
<span className="user_default_btn user_grey_btn font-18">已签到</span>
:
<a herf="javascript:void(0);" onClick={this.props.signFor} className="user_default_btn user_yellow_btn fl font-18">签到</a>
}
</span>
:
<span className="fl mt35 ml80">
<a href={`${this.props.Headertop && this.props.Headertop.old_url}/messages/${login}/message_detail?target_ids=${id}`} className="user_default_btn user_yellow_btn fl font-18">私信</a>
</span>
}
</div> </div>
<div className="userNav"> </div>
<li className={`${moduleName == 'courses' ||moduleName == undefined ? 'active' : '' }`}> <div className="userNav">
<Link <li className={`${moduleName == 'courses' ||moduleName == undefined ? 'active' : '' }`}>
onClick={() => this.setState({moduleName: 'courses'})} <Link
to={`/users/${username}/courses`}>翻转课堂</Link> onClick={() => this.setState({moduleName: 'courses'})}
</li> to={`/users/${username}/courses`}>翻转课堂</Link>
<li className={`${moduleName == 'shixuns' ? 'active' : '' }`}> </li>
<Link <li className={`${moduleName == 'shixuns' ? 'active' : '' }`}>
onClick={() => this.setState({moduleName: 'shixuns'})}
to={`/users/${username}/shixuns`}>开发社区</Link>
</li>
<li className={`${moduleName == 'paths' ? 'active' : '' }`}>
<Link
onClick={() => this.setState({moduleName: 'paths'})}
to={`/users/${username}/paths`}>实践课程</Link>
</li>
<li className={`${moduleName == 'projects' ? 'active' : '' }`}>
<Link <Link
onClick={() => this.setState({moduleName: 'projects'})} onClick={() => this.setState({moduleName: 'shixuns'})}
to={`/users/${username}/projects`}>项目</Link> to={`/users/${username}/shixuns`}>开发社区</Link>
</li> </li>
<li className={`${moduleName == 'paths' ? 'active' : '' }`}>
<Link
onClick={() => this.setState({moduleName: 'paths'})}
to={`/users/${username}/paths`}>实践课程</Link>
</li>
<li className={`${moduleName == 'projects' ? 'active' : '' }`}>
<Link
onClick={() => this.setState({moduleName: 'projects'})}
to={`/users/${username}/projects`}>项目</Link>
</li>
<li className={`${moduleName == 'package' ? 'active' : '' }`}> <li className={`${moduleName == 'package' ? 'active' : '' }`}>
<Link <Link
onClick={() => this.setState({moduleName: 'package'})} onClick={() => this.setState({moduleName: 'package'})}
to={`/users/${username}/package`}>众包</Link> to={`/users/${username}/package`}>众包</Link>
</li> </li>
</div>
</div> </div>
</div> </div>
</div> </div>

8
public/react/src/modules/user/usersInfo/usersInfo.css
Unescape View File

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

Write Preview
Loading…
Cancel
Save