Gitlink
/
forgeplus-react
0
0
Fork 37
Code Issues Pull Requests 5 Releases 1 Wiki Activity

超算会员-样式修改

This commit is contained in:
caishi 2026-06-08 10:43:42 +08:00
parent 6578a4f083
commit 1bd70e9fdd
5 changed files with 20 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/forge/Information/Component/memberList.jsx
View File

@ -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>

9
src/forge/Information/Pages/custom/index.less
View File

@ -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;

2
src/forge/Information/Pages/custom/vip.jsx
View File

@ -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-bc">
<div className="statistics-cards">{tempConfig[temp].vipDesc}</div> <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> }

BIN
src/forge/Information/img/vipTitleBc.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 362 KiB

15
src/forge/Information/index.scss
View File

@ -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;