超算会员-样式修改
This commit is contained in:
parent
6578a4f083
commit
1bd70e9fdd
|
|
@ -137,7 +137,7 @@ function Member(props) {
|
||||||
<div key={member.login + colIndex} className='zoneMemberItem'>
|
<div key={member.login + colIndex} className='zoneMemberItem'>
|
||||||
<div className='zoneMI_box'>
|
<div className='zoneMI_box'>
|
||||||
<div className='zoneMI_img'>
|
<div className='zoneMI_img'>
|
||||||
<Link to={`/${member.login}`} ><img src={member.imageUrl} alt="" width={90} height={90}/></Link>
|
<Link to={`/${member.login}`} ><img src={member.imageUrl} alt="" width={80} height={80}/></Link>
|
||||||
</div>
|
</div>
|
||||||
<div className='zoneMI_name'>{member.name}</div>
|
<div className='zoneMI_name'>{member.name}</div>
|
||||||
<div>{member.memberLevel && <span className="card_tag">{member.memberLevel}</span> }</div>
|
<div>{member.memberLevel && <span className="card_tag">{member.memberLevel}</span> }</div>
|
||||||
|
|
|
||||||
|
|
@ -13,13 +13,18 @@
|
||||||
font-family: 'alibaba PuHuiTi';
|
font-family: 'alibaba PuHuiTi';
|
||||||
background-image: url(../../img/custom/bc.png);
|
background-image: url(../../img/custom/bc.png);
|
||||||
background-size: 100%;
|
background-size: 100%;
|
||||||
|
.statistics-cards-bc{
|
||||||
|
background-image: url(../../img/vipTitleBc.png);
|
||||||
|
background-size: 100% 124%;
|
||||||
|
padding: 25px 0;
|
||||||
|
background-position-y: bottom;
|
||||||
|
}
|
||||||
.statistics-cards{
|
.statistics-cards{
|
||||||
width: 80%;
|
width: 80%;
|
||||||
margin: 25px auto;
|
margin: 0 auto;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
border: 2px solid #ffffff;
|
border: 2px solid #ffffff;
|
||||||
border-radius: 15px;
|
border-radius: 15px;
|
||||||
background: rgba(255, 255, 255, 0.2352941176);
|
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
padding: 30px 0;
|
padding: 30px 0;
|
||||||
color:#091221;
|
color:#091221;
|
||||||
|
|
|
||||||
|
|
@ -97,7 +97,9 @@ function CustomVip(props){
|
||||||
<MemberApply visible={applyVisible} onOk={ onOk } onCancel={() => setApplyVisible(!applyVisible)} current_user={props.current_user}/>
|
<MemberApply visible={applyVisible} onOk={ onOk } onCancel={() => setApplyVisible(!applyVisible)} current_user={props.current_user}/>
|
||||||
<div className={`width1600`}>
|
<div className={`width1600`}>
|
||||||
{ nsccTitle(sectionMemberTitle) }
|
{ nsccTitle(sectionMemberTitle) }
|
||||||
<div className="statistics-cards">{tempConfig[temp].vipDesc}</div>
|
<div className="statistics-cards-bc">
|
||||||
|
<div className="statistics-cards">{tempConfig[temp].vipDesc}</div>
|
||||||
|
</div>
|
||||||
<div className='applyCards'>
|
<div className='applyCards'>
|
||||||
{ memberStatus === memberStatusEnum.notMember && <GlowButton onClick={ apply } className="NSCC_project_btn blue_image font-15">申请加入<i className='iconfont icon-arrowRight font-16 ml5'></i></GlowButton>}
|
{ memberStatus === memberStatusEnum.notMember && <GlowButton onClick={ apply } className="NSCC_project_btn blue_image font-15">申请加入<i className='iconfont icon-arrowRight font-16 ml5'></i></GlowButton>}
|
||||||
{ memberStatus === memberStatusEnum.applying && <div className="tips font-15"><Icon type="check-circle" theme="filled" className="mr5"/>您的申请已提交,请耐心等待管理员审核!</div> }
|
{ memberStatus === memberStatusEnum.applying && <div className="tips font-15"><Icon type="check-circle" theme="filled" className="mr5"/>您的申请已提交,请耐心等待管理员审核!</div> }
|
||||||
|
|
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 362 KiB |
|
|
@ -2227,7 +2227,7 @@
|
||||||
cursor:pointer;
|
cursor:pointer;
|
||||||
i{
|
i{
|
||||||
font-size:30px!important;
|
font-size:30px!important;
|
||||||
color:rgba(9, 18, 33, 1);
|
color:rgba(9, 18, 33, 0.8);
|
||||||
}
|
}
|
||||||
&.arrow-disabled{
|
&.arrow-disabled{
|
||||||
i{
|
i{
|
||||||
|
|
@ -2238,7 +2238,7 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.custom-prev-arrow{
|
.custom-prev-arrow{
|
||||||
right:105px;
|
right:95px;
|
||||||
transform:rotate(90deg);
|
transform:rotate(90deg);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -2253,6 +2253,9 @@
|
||||||
animation: buttonBorderSpin 3s linear infinite forwards;
|
animation: buttonBorderSpin 3s linear infinite forwards;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.zoneMI_box .zoneMI_name{
|
||||||
|
color:#466aff;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
&::before,&::after{
|
&::before,&::after{
|
||||||
content:"";
|
content:"";
|
||||||
|
|
@ -2288,16 +2291,16 @@
|
||||||
.zoneMI_img{
|
.zoneMI_img{
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left:50%;
|
left:50%;
|
||||||
margin-left:-45px;
|
margin-left:-40px;
|
||||||
top:-45px;
|
top:-40px;
|
||||||
z-index:1000;
|
z-index:1000;
|
||||||
a{
|
a{
|
||||||
position: relative;
|
position: relative;
|
||||||
&::before{
|
&::before{
|
||||||
content:"";
|
content:"";
|
||||||
position: absolute;
|
position: absolute;
|
||||||
height: 94px;
|
height: 84px;
|
||||||
width:94px;
|
width:84px;
|
||||||
left:-2px;
|
left:-2px;
|
||||||
right: -2px;
|
right: -2px;
|
||||||
bottom: -2px;
|
bottom: -2px;
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue