首页点击跳转全部新开页

src/animations.scss

@@ -4,7 +4,7 @@
   }
 
   to {
-    top: 0
+    top: var(--top, 0px)
   }
 }
 

src/components/button/index.jsx

@@ -4,16 +4,16 @@ import arrowIcon from '../../images/icon_arrow.png'
 import './index.scss';
 
 // 鼠标悬停箭头往右上角走的效果
-export const slidingArrowButton = ({href="/", name="探索更多内容", classname="font-16 font-bd", imageSrc}) =>{
-  return <Link to={href} className={`slidingArrowButton ${classname}`}>
+export const slidingArrowButton = ({href="/", name="探索更多内容", classname="font-16 font-bd", imageSrc, target="_self"}) =>{
+  return <Link to={href} className={`slidingArrowButton ${classname}`} target={target}>
     {name}
     <span className="arrowIconBox"><img src={imageSrc || arrowIcon} className="arrowIcon"/></span>
   </Link>
 }
 
 // 鼠标悬停文本往上翻滚，再加背景光从左往右
-export const rollingButton = ({href="/", name="了解更多", hoverName="了解更多", classname="mt20"}) =>{
-  return <a className={`rollingButton ${classname}`} href={href}>
+export const rollingButton = ({href="/", name="了解更多", hoverName="了解更多", classname="mt20", target="_self"}) =>{
+  return <a className={`rollingButton ${classname}`} href={href} target={target}>
     <span>{name}</span>
     <span>{hoverName}</span>
   </a>

src/forge/Main/projecthome/v2/components/communityDynamic.jsx

@@ -58,7 +58,7 @@ const CommunityDynamic = ({isVisible}) => {
           <p className="opacity8 font-16 task-hide-2 line-normal mt5" title={firstByList1.summary}>
             {firstByList1.summary}
           </p>
-          {rollingButton({href: `/news/${firstByList1.id}`})}
+          {rollingButton({href: `/news/${firstByList1.id}`, target:"_blank"})}
         </div>
 
         {/* 新闻列表 */}
@@ -66,7 +66,7 @@ const CommunityDynamic = ({isVisible}) => {
           {list1.slice(1,5).map((item, index) => (
             <Fragment key={index}>
               <div className="news-item-v2">
-                <Link title={item.name} to={`/news/${item.id}`}>
+                <Link title={item.name} to={`/news/${item.id}`} target="_blank">
                   <HoverUnderline classname='font-20 font-bd task-hide'>
                     {item.name}
                   </HoverUnderline>
@@ -90,7 +90,7 @@ const CommunityDynamic = ({isVisible}) => {
                 {list2_home.map((item, index) => (
                   <li key={index} className={`activity-item-v2 df activity-section-item ${activeId === index ? 'activity-section-item-active' : ''}`}>
                     <span className="font-16 flex1 AlignCenter">
-                      <Link to={`/news/${item.id}`} className="title-border-to-right-icon task-hide" title={item.summary}>{item.summary}</Link>
+                      <Link to={`/news/${item.id}`} className="title-border-to-right-icon task-hide" title={item.summary} target="_blank">{item.summary}</Link>
                       {index === 1 && <span className="hot-tag color-white ml5">HOT</span>}
                     </span>
                     {/* <span className="opacity8 font-15">{moment(item.publishTime).format('MM月DD日')}</span> */}
@@ -126,7 +126,7 @@ const CommunityDynamic = ({isVisible}) => {
       </div>
 
       <div className='center pt30'>
-        {slidingArrowButton({ href: '/news' })}
+        {slidingArrowButton({ href: '/news', target: "_blank" })}
       </div>
     </div>
   );

src/forge/Main/projecthome/v2/components/forum.jsx

@@ -86,7 +86,7 @@ const ForumExchange = () => {
           ))}
         </div>
         <div className='center mt40 mt-8'>
-          {slidingArrowButton({href:"/forums", classname:"font-16 font-bd color-white", imageSrc: icon_arrow1})}
+          {slidingArrowButton({href:"/forums", classname:"font-16 font-bd color-white", imageSrc: icon_arrow1, target: "_blank"})}
         </div>
       </div>
     </div>

src/forge/Main/projecthome/v2/components/openSourceCollaboration.jsx

@@ -70,7 +70,7 @@ const OpenSourceCollaboration = ({isVisible}) => {
                 </div>
               ))}
             </div>
-            {rollingButton({href: `/projects`, classname: 'mt10 white'})}
+            {rollingButton({href: `/projects`, classname: 'mt10 white', target:"_blank"})}
           </div>
 
           <div className="right-panel">

src/forge/Main/projecthome/v2/components/softwareFactory.jsx

@@ -41,7 +41,7 @@ function SoftwareFactory() {
               <div className='font-16'>极速模式聚焦任务 - 代码 - 制品，助力软件研发快速响应、<br />实现极致效率</div>
             </div>
           </div>
-          {rollingButton({href: `/sf`, classname: 'mt70'})}
+          {rollingButton({href: `/sf`, classname: 'mt70', target:"_blank"})}
         </div>
         <div className='flex1'>
           <img src={active === 1 ? img11 : img12} alt='' />

src/forge/Main/projecthome/v2/components/supplyChainGovernance.jsx

@@ -81,7 +81,7 @@ const SupplyChainGovernance = () => {
       </div>
 
       <div className='center mt40 mt-8'>
-        {slidingArrowButton({href:"/governance"})}
+        {slidingArrowButton({href:"/governance", target: "_blank"})}
       </div>
     </div>
   );