超算会员-样式修改

src/forge/Information/Component/memberList.jsx

@@ -137,7 +137,7 @@ function Member(props) {
                               <div key={member.login + colIndex} className='zoneMemberItem'>
                                 <div className='zoneMI_box'>
                                   <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 className='zoneMI_name'>{member.name}</div>
                                   <div>{member.memberLevel && <span className="card_tag">{member.memberLevel}</span> }</div>

src/forge/Information/Pages/custom/index.less

@@ -13,13 +13,18 @@
     font-family: 'alibaba PuHuiTi';
     background-image: url(../../img/custom/bc.png);
     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{
         width: 80%;
-        margin: 25px auto;
+        margin: 0 auto;
         text-align: center;
         border: 2px solid #ffffff;
         border-radius: 15px;
-        background: rgba(255, 255, 255, 0.2352941176);
         backdrop-filter: blur(10px);
         padding: 30px 0;
         color:#091221;

src/forge/Information/Pages/custom/vip.jsx

@@ -97,7 +97,9 @@ function CustomVip(props){
         <MemberApply  visible={applyVisible}  onOk={ onOk } onCancel={() => setApplyVisible(!applyVisible)} current_user={props.current_user}/>
         <div className={`width1600`}>
             { nsccTitle(sectionMemberTitle) }
+            <div className="statistics-cards-bc">
               <div className="statistics-cards">{tempConfig[temp].vipDesc}</div>
+            </div>
             <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.applying && <div className="tips font-15"><Icon type="check-circle"  theme="filled" className="mr5"/>您的申请已提交，请耐心等待管理员审核!</div> }

src/forge/Information/index.scss

@@ -2227,7 +2227,7 @@
     cursor:pointer;
     i{
       font-size:30px!important;
-      color:rgba(9, 18, 33, 1);
+      color:rgba(9, 18, 33, 0.8);
     }
     &.arrow-disabled{
       i{
@@ -2238,7 +2238,7 @@
     }
   }
   .custom-prev-arrow{
-    right:105px;
+    right:95px;
     transform:rotate(90deg);
   }
 }
@@ -2253,6 +2253,9 @@
         animation: buttonBorderSpin 3s linear infinite forwards;
       }
     }
+    .zoneMI_box .zoneMI_name{
+      color:#466aff;
+    }
   }
   &::before,&::after{
     content:"";
@@ -2288,16 +2291,16 @@
     .zoneMI_img{
       position: absolute;
       left:50%;
-      margin-left:-45px;
-      top:-45px;
+      margin-left:-40px;
+      top:-40px;
       z-index:1000;
       a{
         position: relative;
         &::before{
           content:"";
           position: absolute;
-          height: 94px;
-          width:94px;
+          height: 84px;
+          width:84px;
           left:-2px;
           right: -2px;
           bottom: -2px;