diff --git a/src/forge/Main/img/home/store-r-1.png b/src/forge/Main/img/home/store-r-1.png new file mode 100644 index 00000000..bc7c341e Binary files /dev/null and b/src/forge/Main/img/home/store-r-1.png differ diff --git a/src/forge/Main/img/home/store-r-1.webp b/src/forge/Main/img/home/store-r-1.webp deleted file mode 100644 index 93b34368..00000000 Binary files a/src/forge/Main/img/home/store-r-1.webp and /dev/null differ diff --git a/src/forge/Main/projectHomeNew/v2/index.jsx b/src/forge/Main/projectHomeNew/v2/index.jsx index 85561588..3bf7dec2 100644 --- a/src/forge/Main/projectHomeNew/v2/index.jsx +++ b/src/forge/Main/projectHomeNew/v2/index.jsx @@ -178,7 +178,7 @@ function ProjectHomePage(props) {
{/* 一级分类 */}
- 软件分类：  + 软件分类： 
diff --git a/src/forge/Main/projectHomeNew/v2/index.scss b/src/forge/Main/projectHomeNew/v2/index.scss index 9b414599..241cd24b 100644 --- a/src/forge/Main/projectHomeNew/v2/index.scss +++ b/src/forge/Main/projectHomeNew/v2/index.scss @@ -123,17 +123,20 @@ } .cate_list { - padding: 25px 30px 50px 30px; + padding: 17px 30px 42px 30px; // background-color: #29385D; background-image: url("./img/cate_bg.png"); background-size: 100% 100%; - + .cate_ul { + max-width: 70%; + } .cate_ul a { background-color: #f4f6fa; border-radius: 6px; - padding: 9px 11px; - margin: 0 8px; + padding: 2px 11px; + margin: 8px; color: #191919; + display: inline-block; &:hover { color: #2149d4; diff --git a/src/forge/Main/projecthome/components/Banner.jsx b/src/forge/Main/projecthome/components/Banner.jsx index 561f06fd..92d6e375 100644 --- a/src/forge/Main/projecthome/components/Banner.jsx +++ b/src/forge/Main/projecthome/components/Banner.jsx @@ -7,8 +7,8 @@ import { Link } from "react-router-dom"; const BANNER_DATA = [ { key: 1, name: '开源仓库', title: '军用开源软件仓库', content: '提供软件源码的集中托管与协作、编译构建后的制品统一管理，并支持一键搜索与下载成熟可用的应用程序，为军事软件的全生命周期提供一站式管理与分发服务', img: banner1 }, - { key: 2, name: '供应链平台', title: '军用开源软件仓库', content: '提供软件源码的集中托管与协作、编译构建后的制品统一管理，并支持一键搜索与下载成熟可用的应用程序，为军事软件的全生命周期提供一站式管理与分发服务', img: banner2 }, - { key: 3, name: '软件工厂', title: '军用开源软件仓库', content: '提供软件源码的集中托管与协作、编译构建后的制品统一管理，并支持一键搜索与下载成熟可用的应用程序，为军事软件的全生命周期提供一站式管理与分发服务', img: banner3 } + { key: 2, name: '供应链平台', title: '供应链智脑', content: '实现供应链全流程可视化与智能决策。通过实时数据监控、需求预测与风险预警，优化库存与资源配置，助力精准掌控供应链动态，实现降本增效', img: banner2 }, + { key: 3, name: '软件工厂', title: '软件工厂', content: '为您提供从需求到部署的一站式项目工程化管理。通过标准化流程、自动化流水线与统一制品库，赋能团队高效协作、规范交付，全面提升软件生产质量与效率', img: banner3 } ] function Banner(props) { @@ -37,15 +37,15 @@ function Banner(props) { if (item) setSelected(item); }; - // useEffect(() => { - // const timer = setInterval(() => { - // const currentIndex = bannerList.findIndex(item => item.key === selected.key); - // const nextIndex = (currentIndex + 1) % bannerList.length; - // setSelected(bannerList[nextIndex]); - // }, 5000); + useEffect(() => { + const timer = setInterval(() => { + const currentIndex = bannerList.findIndex(item => item.key === selected.key); + const nextIndex = (currentIndex + 1) % bannerList.length; + setSelected(bannerList[nextIndex]); + }, 5000); - // return () => clearInterval(timer); - // }, [selected, bannerList]); + return () => clearInterval(timer); + }, [selected, bannerList]); return (
diff --git a/src/forge/Main/projecthome/components/Store.jsx b/src/forge/Main/projecthome/components/Store.jsx index ee48c8ae..a6792a39 100644 --- a/src/forge/Main/projecthome/components/Store.jsx +++ b/src/forge/Main/projecthome/components/Store.jsx @@ -6,7 +6,7 @@ import store3 from '../../img/home/store3.png'; import store4 from '../../img/home/store4.png'; import store5 from '../../img/home/store5.png'; import store6 from '../../img/home/store6.png'; -import storeR1 from '../../img/home/store-r-1.webp'; +import storeR1 from '../../img/home/store-r-1.png'; import storeR2 from '../../img/home/store-r-2.webp'; import storeR3 from '../../img/home/store-r-3.png' import { Link } from "react-router-dom"; diff --git a/src/forge/Main/projecthome/components/index.scss b/src/forge/Main/projecthome/components/index.scss index 57fa32a3..33328c46 100644 --- a/src/forge/Main/projecthome/components/index.scss +++ b/src/forge/Main/projecthome/components/index.scss @@ -48,8 +48,9 @@ cursor: pointer; display: flex; align-items: center; - justify-content: center; + justify-content: right; color: #ffffff; + padding-right: 40px; &-selected { background-image: linear-gradient(270deg, rgba(33, 73, 212, 0.46) 0%, rgba(1, 5, 15, 0) 100%); @@ -61,7 +62,7 @@ top: 0; width: 2px; height: 0; - background-image: linear-gradient(136.87deg, #5eb4ff 0%, #2149d4 100%); + background-image: linear-gradient(136.87deg, #5eb4ff 0%, #4C7EFF 100%); //线性匀速，结束后保持最后一帧状态 animation: vertical-progress 5s linear forwards; @@ -69,7 +70,7 @@ span { font-family: alibaba; - background-image: linear-gradient(136.9deg, #5eb4ff 0%, #54b5ff 26.25%, #3c80e9 62.21%, #2249d2 100%); + background-image: linear-gradient(136.9deg, #5eb4ff 0%, #54b5ff 26.25%, #4C7EFF 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @@ -105,9 +106,12 @@ font-family: alibabaReg; font-size: 16px; } + a { + display: inline-block; + } &-button { color: #ffffff; - margin-top: 15px; + margin-top: 25px; cursor: pointer; background-image: url('../../img/home/button.png'); background-repeat: no-repeat; @@ -232,7 +236,7 @@ h2 { font-family: alibaba; font-size: 24px; - padding-bottom: 37px; + padding-bottom: 30px; } p { opacity: 0; @@ -245,8 +249,8 @@ position: absolute; top: 0; left: -46px; - width: 36px; - height: 36px; + width: 34px; + height: 34px; background-image: url('../../img/home/check.png'); background-repeat: no-repeat; background-size: 100% 100%; @@ -296,8 +300,8 @@ top: 80px; } .right-img-3 { - width: 57px; - height: 57px; + width: 45px; + height: 45px; left: 686px; top: 20px; }