|
|
|
@ -55,26 +55,30 @@ class AccountImg extends Component {
|
|
|
|
|
|
|
|
|
|
.newheadphotoblack{
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 49px;
|
|
|
|
|
left: 4px;
|
|
|
|
|
top: 45px;
|
|
|
|
|
left: 0px;
|
|
|
|
|
text-align: center;
|
|
|
|
|
color: #fff;
|
|
|
|
|
width: 107px;
|
|
|
|
|
width: 110px;
|
|
|
|
|
height: 23px;
|
|
|
|
|
line-height:23px;
|
|
|
|
|
line-height: 23px;
|
|
|
|
|
background: rgba(76,172,255,0.7);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.borderradiusbox{
|
|
|
|
|
border-top-left-radius: 4px;
|
|
|
|
|
border-top-right-radius: 4px;
|
|
|
|
|
border-bottom-right-radius: 4px;
|
|
|
|
|
border-bottom-left-radius: 4px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.relativeRadiusbox{
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
position: relative;
|
|
|
|
|
width: 109px;
|
|
|
|
|
border-radius: 50%;
|
|
|
|
|
height: 109px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
`}</style>
|
|
|
|
|
<img alt="头像" id="user_avatar_show" nhname="avatar_image" className={"xiaoshou"} src={`${picUrl}`} onClick={this.editImg} ></img>
|
|
|
|
|
<div className="newheadphotoblack xiaoshou borderradiusbox" onClick={this.editImg} >修改头像</div>
|
|
|
|
|
<div className={"relativeRadiusbox"}>
|
|
|
|
|
<img alt="头像" id="user_avatar_show" nhname="avatar_image" className={"xiaoshou"} src={`${picUrl}`} onClick={this.editImg} ></img>
|
|
|
|
|
<div className="newheadphotoblack xiaoshou" onClick={this.editImg} >修改头像</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|