生态治理临时修改版本
This commit is contained in:
parent
89f40234e3
commit
e04b532f99
|
|
@ -203,7 +203,7 @@
|
|||
"eslintConfig": {
|
||||
"extends": "react-app"
|
||||
},
|
||||
"proxy": "http://172.20.32.203:4000/",
|
||||
"proxy": "https://testforgeplus.trustie.net/",
|
||||
"port": "3007",
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.23.6",
|
||||
|
|
|
|||
|
|
@ -15,7 +15,7 @@ export function getImageUrl(path) {
|
|||
// https://testbdweb.trustie.net
|
||||
// const local = 'http://localhost:3000'
|
||||
path && !path.startsWith('/') && !path.startsWith('http') && (path = '/'.concat(path));
|
||||
const local = 'http://172.20.32.202:4000/';
|
||||
const local = 'https://testforgeplus.trustie.net';
|
||||
if (isDev) {
|
||||
return `${local}${path}`
|
||||
}
|
||||
|
|
|
|||
|
|
@ -169,7 +169,7 @@ function AboutUs(){
|
|||
<div className="feat_func_cont">
|
||||
<div className="feat_fun_img"><img src={fun4} /></div>
|
||||
<div>
|
||||
<p>多层次代码分析</p>
|
||||
<p>军事数智生态市场</p>
|
||||
<div>支持代码溯源分析、 <br />许可证风险分析、开源漏洞检测和加固建议 </div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -24,7 +24,7 @@ function Index(props) {
|
|||
|
||||
useEffect(()=>{
|
||||
getCate();
|
||||
document.title='开源项目';
|
||||
document.title='可信代码仓库';
|
||||
},[])
|
||||
|
||||
useEffect(()=>{
|
||||
|
|
|
|||
|
|
@ -52,11 +52,11 @@ function Banner({register,current_user}) {
|
|||
{/* style={{backgroundImage:`url(${getImageUrl(i.image)})`}} */}
|
||||
<div>
|
||||
<img src={getImageUrl(i.image)} alt="" height="100%"/>
|
||||
{
|
||||
{/* {
|
||||
k +1 === bannerList.length && (!(current_user && current_user.login)) ?
|
||||
<p className="regPrg"><a href={register}>立即注册</a></p>
|
||||
:""
|
||||
}
|
||||
} */}
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
|
|
|
|||
|
|
@ -74,11 +74,12 @@ function FifthEdition() {
|
|||
const url =`/topics.json`;
|
||||
Axios.get(url,{params:{
|
||||
topic_type:"cooperator",
|
||||
limit:30,
|
||||
limit:5,
|
||||
group_size:5
|
||||
}}).then(result=>{
|
||||
if(result){
|
||||
setTopics(result.data.topics);
|
||||
let datas = result.data.topics;
|
||||
setTopics(datas);
|
||||
}
|
||||
}).catch(error=>{})
|
||||
}
|
||||
|
|
|
|||
Binary file not shown.
|
Before Width: | Height: | Size: 282 KiB After Width: | Height: | Size: 402 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 282 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 632 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 632 KiB After Width: | Height: | Size: 2.9 MiB |
|
|
@ -1,7 +1,7 @@
|
|||
import React , { useEffect , useState } from 'react';
|
||||
import "./Index.scss";
|
||||
import TopEdition from './TopEdition';
|
||||
// import ThirdEdition from './ThirdEdition';
|
||||
import ThirdEdition from './ThirdEdition';
|
||||
import ThirdeditionXing from './ThirdEditionXing';
|
||||
import { Anchor } from 'antd';
|
||||
import F41 from './Img/4-1.png';
|
||||
|
|
@ -9,7 +9,7 @@ import F42 from './Img/4-2.png';
|
|||
import F43 from './Img/4-3.png';
|
||||
import F44 from './Img/4-4.png';
|
||||
import SecondEdition from './SecondEdition';
|
||||
// import FifthEdition from './FifthEdition';
|
||||
import FifthEdition from './FifthEdition';
|
||||
import { TPMIndexHOC } from '../modules/tpm/TPMIndexHOC';
|
||||
|
||||
import Axios from 'axios';
|
||||
|
|
@ -97,13 +97,15 @@ function Index(props) {
|
|||
bannerTab && bannerTab.length > 0 ?
|
||||
<ul className="topEditionUl">
|
||||
{
|
||||
bannerTab.map((i,k)=>{
|
||||
['《全军软件供应链安全治理指南》正式发布,我院牵头打造首个统一治理平台',
|
||||
'重磅发布:平台首批“可信军用级”基础软件镜像库上线,护航关键系统开发',
|
||||
'案例深度解析:“雷霆”后勤保障信息系统如何通过平台实现依赖组件100%可信治理'
|
||||
].map((i,k)=>{
|
||||
return(
|
||||
k < 3 && <a href={`${i.url}`} target="_blank" className="font-18">
|
||||
<li>
|
||||
{i.title}
|
||||
</li>
|
||||
</a>
|
||||
k < 3 &&
|
||||
<a><li className="font-16" key={k}>
|
||||
{i}
|
||||
</li></a>
|
||||
)
|
||||
})
|
||||
}
|
||||
|
|
@ -115,58 +117,58 @@ function Index(props) {
|
|||
</div>
|
||||
|
||||
<div className="secondEdition">
|
||||
<p className="theTitle">{name}</p>
|
||||
<p className="theTitle">面向协同创新的一体化开源供应链治理平台</p>
|
||||
{
|
||||
flag &&
|
||||
<Anchor>
|
||||
<li onClick={()=>changeActive("#hadoop")} className={value === "#hadoop"?"active":""}><a>分布式协作开发</a></li>
|
||||
<li onClick={()=>changeActive("#oneStop")} className={value === "#oneStop"?"active":""}><a>一站式过程管理</a></li>
|
||||
<li onClick={()=>changeActive("#highDevops")} className={value === "#highDevops"?"active":""}><a>高效流水线运维</a></li>
|
||||
{/* <li onClick={()=>changeActive("#multipleAnalyse")} className={value === "#multipleAnalyse"?"active":""}><a>多层次代码分析</a></li> */}
|
||||
<li onClick={()=>changeActive("#multipleAnalyse")} className={value === "#multipleAnalyse"?"active":""}><a>军事数智生态市场</a></li>
|
||||
<li onClick={()=>changeActive("#multidimensional")} className={value === "#multidimensional"?"active":""}><a>多维度用户画像</a></li>
|
||||
</Anchor>
|
||||
}
|
||||
<SecondEdition {...props} setValue={setValue}/>
|
||||
</div>
|
||||
<div id="thirdContent">
|
||||
{/* <ThirdEdition /> */}
|
||||
<ThirdeditionXing />
|
||||
<ThirdEdition />
|
||||
{/* <ThirdeditionXing /> */}
|
||||
</div>
|
||||
|
||||
<div className="forthEdition">
|
||||
<p className="theTitle">加入生态治理平台协同开发平台,和社区伙伴们一起踏上开源创新的辉煌旅程!</p>
|
||||
<p className="theTitle">加入我们,共建安全可信的软硬件创新生态</p>
|
||||
<div style={{marginBottom:"80px"}}>
|
||||
{ !(current_user && current_user.login) && <a className="qulikyreg" href={register}>立即注册</a> }
|
||||
</div>
|
||||
<ul className="forthUl">
|
||||
<li>
|
||||
<img src={F41} alt="" width={"100px"}/>
|
||||
<span className="forthtitle">发现</span>
|
||||
<span className="forthsubtitle">探索丰富优质的开发资源</span>
|
||||
<span className="forthtitle">洞察</span>
|
||||
<span className="forthsubtitle">获取经过安全治理的可靠资源</span>
|
||||
</li>
|
||||
<li>
|
||||
<img src={F42} alt="" width={"101px"}/>
|
||||
<span className="forthtitle">加入</span>
|
||||
<span className="forthsubtitle">寻找志同道合的协作伙伴</span>
|
||||
<span className="forthtitle">融入</span>
|
||||
<span className="forthsubtitle">加入社区合规研发团队</span>
|
||||
</li>
|
||||
<li>
|
||||
<img src={F43} alt="" width={"104px"}/>
|
||||
<span className="forthtitle">合作</span>
|
||||
<span className="forthsubtitle">开启开放共享的协同之旅</span>
|
||||
<span className="forthtitle">协同</span>
|
||||
<span className="forthsubtitle">参与跨团队的安全协同开发</span>
|
||||
</li>
|
||||
<li>
|
||||
<img src={F44} alt="" width={"87px"}/>
|
||||
<span className="forthtitle">贡献</span>
|
||||
<span className="forthsubtitle">书写开源创新的精彩成就</span>
|
||||
<span className="forthtitle">赋能</span>
|
||||
<span className="forthsubtitle">为国家级项目贡献可信力量</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
{/* <div className="fifthEdition">
|
||||
<p className="title">开源生态</p>
|
||||
<p className="subtitle">GitLink与各大企业、高校、科研机构开展广泛的技术合作,推动我国开源软件生态的快速构建与发展</p>
|
||||
<div className="fifthEdition">
|
||||
<p className="theTitle">生态聚力</p>
|
||||
<p className="subtitle">携手国内顶尖技术社区,聚力打造自主可控的软件供应链</p>
|
||||
<FifthEdition />
|
||||
</div> */}
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -53,7 +53,7 @@ body{
|
|||
}
|
||||
}
|
||||
.slick-track{
|
||||
height: 560px;
|
||||
height: 679px;
|
||||
display: flex;
|
||||
.slick-slide{
|
||||
position: relative;
|
||||
|
|
@ -651,14 +651,14 @@ body{
|
|||
|
||||
.thirdEdition{
|
||||
background:url('./Img/3-bg.png') no-repeat center center;
|
||||
background-size:cover;
|
||||
background-size:100% 100%;
|
||||
min-height: 846px;
|
||||
min-width: 1200px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
.title{
|
||||
// justify-content: center;
|
||||
.titleInHome{
|
||||
height: 53px;
|
||||
font-size: 38px;
|
||||
font-weight: 500;
|
||||
|
|
@ -824,6 +824,14 @@ body{
|
|||
}
|
||||
}
|
||||
|
||||
.theTitle{
|
||||
height: 42px;
|
||||
line-height: 42px;
|
||||
font-size: 30px;
|
||||
font-weight: 500;
|
||||
color: #1E1E1E;
|
||||
margin-bottom: 50px!important;
|
||||
}
|
||||
.forthEdition{
|
||||
background:url('./Img/4-bg.png') no-repeat center center;
|
||||
background-size:cover;
|
||||
|
|
@ -833,14 +841,6 @@ body{
|
|||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
.theTitle{
|
||||
height: 42px;
|
||||
line-height: 42px;
|
||||
font-size: 30px;
|
||||
font-weight: 500;
|
||||
color: #1E1E1E;
|
||||
margin-bottom: 50px!important;
|
||||
}
|
||||
.qulikyreg{
|
||||
display: inline-block;
|
||||
width: 137px;
|
||||
|
|
|
|||
|
|
@ -182,11 +182,11 @@ function SecondEdition({setValue}) {
|
|||
<p className="highDoBottondesc">让您的代码更加快速、可靠地形成高质量的产品!</p>
|
||||
</div>
|
||||
</div>
|
||||
{/* <div className={multipleAnalyse ? "multipleAnalyse activeCode":"multipleAnalyse"} id="multipleAnalyse">
|
||||
<span className="title">多层次代码分析</span>
|
||||
<div className={multipleAnalyse ? "multipleAnalyse activeCode":"multipleAnalyse"} id="multipleAnalyse">
|
||||
<span className="title">军事数智生态市场</span>
|
||||
<div className="maContent"></div>
|
||||
<p className="desc">提供软件软代码和芯片RTL代码的溯源分析、文件级和组件级许可证识别及风险分析、输入性开源漏洞检测和加固建议,支持分析结果的多层次可视化展示。</p>
|
||||
</div> */}
|
||||
<p className="desc">汇聚国内优秀的可信智能应用,构建开放、创新的军用软件在线体验与推广平台,助力军事智能化成果快速转化和部署。</p>
|
||||
</div>
|
||||
<div className={"multidimensional"} style={{opacity:multidimensional?"1":"0.3"}}>
|
||||
<div style={{height:"168px"}}></div>
|
||||
<div className={multidimensional ? "activeCode":""} id="multidimensional">
|
||||
|
|
|
|||
|
|
@ -91,9 +91,9 @@ function ThirdEdition() {
|
|||
|
||||
return(
|
||||
<div className="thirdEdition">
|
||||
<p className="titleInHome">开发者的家园</p>
|
||||
<p className="subtitle">一个实现群智激发与汇聚,产学研联合面向协同创新的开源社区</p>
|
||||
<div id="thirdUl">
|
||||
<p className="titleInHome mt60">软件资产生态治理信息汇聚</p>
|
||||
{/* <p className="subtitle">一个实现群智激发与汇聚,产学研联合面向协同创新的开源社区</p> */}
|
||||
{/* <div id="thirdUl">
|
||||
<ul className="thirdUl">
|
||||
<li className={active===1?"active":""}onClick={()=>{setFlag(false);setActive(1)}}>
|
||||
<div className="hoverli1">
|
||||
|
|
@ -162,7 +162,6 @@ function ThirdEdition() {
|
|||
<li>
|
||||
<a href={i.url} target="_blank">{i.title}</a>
|
||||
<span className="listboxcount" style={{marginRight:"40px"}}><i className="iconfont icon-a-liulanicon2x mr5"></i>{i.visits}</span>
|
||||
{/* {i.time} */}
|
||||
</li>
|
||||
)
|
||||
}):""
|
||||
|
|
@ -213,7 +212,7 @@ function ThirdEdition() {
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> */}
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -50,11 +50,11 @@ function TopEdition({register,current_user}) {
|
|||
{/* style={{backgroundImage:`url(${getImageUrl(i.image)})`}} */}
|
||||
<div onClick={()=>{if(i.url){window.location.href=i.url}}} style={{cursor: i.url ? 'pointer' : ''}}>
|
||||
<img src={getImageUrl(i.image)} alt="" height="100%"/>
|
||||
{
|
||||
{/* {
|
||||
k +1 === bannerList.length && (!(current_user && current_user.login)) ?
|
||||
<p className="regPrg"><a href={register}>立即注册</a></p>
|
||||
:""
|
||||
}
|
||||
} */}
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
|
|
|
|||
Loading…
Reference in New Issue