统筹管理员能看到不？
", //详情 + createdAt: "2021-11-10 17:42:38", //创建时间 + publishedAt: "2021-11-10 17:43:41", //发布时间 + collectingDays: 30, //成果提交天数 + }, + { + id: 448, + name: "研发配置要求验证与多样化目标识别仿真验证模块的1套软件和1份测试报告。", + taskModeId: 2, //悬赏模式 + bounty: 100.0, //赏金 + description: "统筹管理员能看到不？
", //详情 + createdAt: "2021-11-10 17:42:38", + publishedAt: "2021-11-11 17:43:41", + collectingDays: 30, + }, + { + id: 449, + name: "研发配置要求为包含网络", + taskModeId: 3, //悬赏模式 + bounty: 10000.0, //赏金 + description: "统筹管理员能看到不？
", //详情 + createdAt: "2021-11-10 17:42:38", + publishedAt: "2021-11-12 17:43:41", + collectingDays: 30, + } +] + +function getSomeDayAfter(initailDate, nDay) { + return moment(new Date(initailDate).setDate(new Date(initailDate).getDate() + nDay)).format('YYYY-MM-DD'); +} + +function FifthSection({ fifth, history }) { + + const [taskCategoryArr, setTaskCategoryArr] = useState([]); + const [taskArr, serTaskArr] = useState(taskArrMock); + + useEffect(() => { + const params = { + curPage: 1, + pageSize: 3, + orderBy: 'visitsDesc', + isDelete: '0', + recommend: '1', + }; + getTaskList(params).then(data => { + if (data) { + serTaskArr(data.rows); + } + }) + }, []); + + + // 获取分类数据 + useEffect(() => { + getTaskCategory().then(data => { + if (data) { + for (const item of data) { + switch (item.name) { + case "军事理论": + item.icon = "junshililun1"; + break; + case "政策法规": + item.icon = "zhengcefagui1"; + break; + case "医学": + item.icon = "yixue1"; + break; + case "电子": + item.icon = "dianzi1"; + break; + case "通信": + item.icon = "tongxin1"; + break; + case "计算机科学": + item.icon = "jisuanji1"; + item.name = "计算机"; + break; + case "软件工程": + item.icon = "ruanjiangongcheng1"; + break; + case "人工智能": + item.icon = "rengongzhineng"; + break; + case "知识图谱": + item.icon = "zhishitupu"; + break; + case "大数据": + item.icon = "dashuju"; + break; + default: + item.icon = "dianzi1"; + } + } + setTaskCategoryArr(data.slice(0, 10)); + } + }); + }, []); + + function goTask(item) { + history.push(`/task?type=${item.id}`) + // console.log(item); + } + + + return ( +
+
+
+
+
+
+ -
+ {
+ taskCategoryArr.map((item, i) => {
+ return (
- { goTask(item) }}> + + {item.name} + ) + }) + } +
+
+
+
+
+
+
+
+
+
+ 创客空间
+
+
+
+ {
+ taskArr.map((item, i) => {
+ return (
+
+
+
+ )
+ })
+ }
+
+
+
+
+ 创客空间
+开源项目版块集项目托管、版本管理等功能于一体，为开源协作和群智汇聚提供创作环境
+
+
+ + + {taskModeNameArr[item.taskModeId]} + ¥ {item.bounty} +
+ ++ + 发布时间 + {moment(item.publishedAt || item.createdAt).format('YYYY-MM-DD')} +
+ ++ + 截止时间 + {getSomeDayAfter(item.publishedAt || item.createdAt, item.collectingDays)} + +
+
+
+
+
+
+
+
+ )
+}
+
+export default memo(FirstSection);
\ No newline at end of file
diff --git a/src/home/FirstSection/index.scss b/src/home/FirstSection/index.scss
new file mode 100644
index 000000000..f52d53b9e
--- /dev/null
+++ b/src/home/FirstSection/index.scss
@@ -0,0 +1,696 @@
+.home-first-section {
+ height: 90vh;
+ min-height: 650px;
+ // background: linear-gradient(
+ // #1a2358 0%,
+ // #12277b 33%,
+ // #0c2d8f 67%,
+ // #002a89 100%
+ // );
+ background: linear-gradient(
+ #0037AF 0%,
+ #0c2d8f 100%,
+ );
+
+ .grid-picture {
+ position: relative;
+ height: 100%;
+ background: url(../img/grid.png) no-repeat;
+ background-size: 100% auto;
+ .waves {
+ position: absolute;
+ left: 0;
+ right: 0;
+ bottom: -2px;
+ height: 10vh;
+ }
+ }
+
+ .website-content {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ height: 80vh;
+ min-height: 600px;
+ }
+
+ .website {
+ position: relative;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ height: 100%;
+ margin-right: 3.5%;
+ color: #fff;
+ .website-title {
+ color: #fff;
+ font-size: 2.4em;
+ }
+ .website-vision {
+ display: flex;
+ justify-content: space-between;
+ margin-bottom: 1.3em;
+ color: #ff832b;
+ font-size: 1.5em;
+ }
+ .website-des {
+ font-size: 1em;
+ line-height: 2.3;
+ margin-bottom: 1.5em;
+ opacity: 0.8;
+ }
+
+ .website-more {
+ margin: 0;
+ }
+ }
+
+ .play-img {
+ display: flex;
+ flex: none;
+ justify-content: center;
+ align-items: flex-end;
+ position: relative;
+ width: 680px;
+ height: 580px;
+ img {
+ opacity: 0;
+ }
+
+ .play-glass {
+ position: relative;
+ width: 351px;
+ z-index: 1;
+ }
+ .play-circle {
+ position: absolute;
+ width: 165px;
+ height: 160px;
+ right: 17%;
+ bottom: -6.5%;
+ z-index: 2;
+ }
+
+ .play-circle-circle1,.play-circle-circle2,.play-circle-circle3,.play-circle-circle4,.play-circle-circle5 {
+ position: absolute;
+ width: 85px;
+ height: 53px;
+ right: 23.2%;
+ bottom: 9%;
+ z-index: 2;
+ border: 1px solid rgb(73, 169, 241);
+ border-radius: 50%;
+ }
+
+ .play-pillar {
+ position: absolute;
+ left: -11%;
+ top: 37%;
+ width: 230px;
+ }
+ .play-box1 {
+ position: absolute;
+ left: -6%;
+ bottom: 30%;
+ width: 57px;
+ }
+ .play-box2 {
+ position: absolute;
+ left: 0%;
+ bottom: 34%;
+ width: 57px;
+ }
+ .play-box3 {
+ position: absolute;
+ left: 6%;
+ bottom: 38%;
+ width: 57px;
+ }
+ .play-box4 {
+ position: absolute;
+ left: 12%;
+ bottom: 42%;
+ width: 57px;
+ }
+ .play-code1 {
+ position: absolute;
+ right: 0%;
+ top: 33%;
+ width: 128px;
+ z-index: 1;
+ }
+ .play-code-bed {
+ position: absolute;
+ right: -5%;
+ top: 44%;
+ width: 211px;
+ z-index: 1;
+ opacity: 1;
+ }
+ .play-logo {
+ position: absolute;
+ top: 25%;
+ width: 87px;
+ z-index: 10;
+ color: #fff;
+ font-size: 40px;
+ }
+ .play-text1 {
+ position: absolute;
+ z-index: 2;
+ }
+ .play-text2 {
+ position: absolute;
+ z-index: 2;
+ }
+ .play-text3 {
+ position: absolute;
+ }
+ .play-text4 {
+ position: absolute;
+ }
+ }
+
+ .active {
+ .website {
+ animation: website 0.75s 1 forwards;
+ }
+ .play-glass {
+ animation: glass 0.75s 1 forwards;
+ }
+ .play-circle {
+ animation: circle 0.75s 1 forwards;
+ }
+ .play-circle-circle1,.play-circle-circle2,.play-circle-circle3,.play-circle-circle4,.play-circle-circle5{
+ animation: circle-before 0.75s 1 forwards;
+ }
+ .play-box1 {
+ animation: box1 0.75s 1 forwards;
+ }
+ .play-box2 {
+ animation: box2 0.75s 1 forwards;
+ }
+ .play-box3 {
+ animation: box3 0.75s 1 forwards;
+ }
+ .play-box4 {
+ animation: box4 0.75s 1 forwards;
+ }
+ // .play-code {
+ // animation: code 0.75s 1 forwards;
+ // }
+ .play-code1 {
+ animation: code1 0.75s 1 forwards;
+ }
+ .play-code-bed {
+ animation: codeBed 0.75s 1 forwards;
+ }
+ .play-logo {
+ animation: logo 6s 0.5s infinite; //linear
+ }
+ .play-text1 {
+ // animation: text1-show 0.5s 1 0.5s forwards;
+ animation: text1-show 6s 0.5s infinite;
+ }
+ .play-text2 {
+ animation: text2-show 6s 0.5s infinite;
+ }
+ .play-text3 {
+ animation: text3-show 6s 0.5s infinite;
+ }
+ .play-text4 {
+ animation: text4-show 6s 0.5s infinite;
+ }
+
+ .circulation {
+ .play-code1 {
+ animation: code1-circulation 6s infinite;
+ }
+
+ .play-box1 {
+ animation: box1-circulation 2s infinite;
+ }
+
+ .play-box2 {
+ animation: box2-circulation 2s infinite;
+ }
+
+ .play-box3 {
+ animation: box3-circulation 2s infinite;
+ }
+
+ .play-box4 {
+ animation: box4-circulation 2s infinite;
+ }
+
+ .play-circle-circle1{
+ animation: circle-circle 6s 0.25s infinite;
+ }
+ .play-circle-circle2{
+ animation: circle-circle 6s 2.25s infinite;
+ }
+ .play-circle-circle3{
+ animation: circle-circle 6s 4.25s infinite;
+ }
+ // .play-circle-circle4{
+ // animation: circle-circle 6s 4.5s infinite;
+ // }
+ // .play-circle-circle5{
+ // animation: circle-circle 6s 6s infinite;
+ // }
+ }
+ }
+
+ @keyframes website {
+ 0% {
+ top: 25vh;
+ opacity: 0;
+ }
+ 100% {
+ top: 0;
+ opacity: 1;
+ }
+ }
+
+ @keyframes glass {
+ 0% {
+ opacity: 0;
+ transform: rotate(-25deg);
+ top: 5.5%;
+ }
+ 100% {
+ opacity: 1;
+ transform: rotate(0deg);
+ top: 0;
+ }
+ }
+
+ @keyframes logo {
+ 0% {
+ opacity: 1;
+ top: 23%;
+ }
+ 50% {
+ opacity: 1;
+ top: 12%;
+ }
+ 100% {
+ opacity: 1;
+ top: 23%;
+ }
+ }
+
+ // logo动效方案一
+ // @keyframes logo {
+ // 10% {
+ // opacity: 0;
+ // top: 33%;
+ // transform: rotateY(0deg);
+ // }
+ // 50% {
+ // opacity: 1;
+ // top: 12%;
+ // transform: rotateY(360deg);
+ // }
+ // 90% {
+ // opacity: 0;
+ // top: 33%;
+ // transform: rotateY(360deg);
+ // }
+ // }
+
+ // logo动效方案二
+ // @keyframes logo {
+ // 15% {
+ // opacity: 0;
+ // top: 33%;
+ // // transform: rotate(0deg);
+ // }
+ // 40% {
+ // opacity: 1;
+ // top: 10%;
+ // transform: rotateX(0deg);
+ // }
+ // 60% {
+ // opacity: 1;
+ // top: 10%;
+ // transform: rotateX(360deg);
+ // }
+ // 85% {
+ // opacity: 0;
+ // top: 40%;
+ // // transform: rotateY(360deg);
+ // }
+ // }
+
+ // logo动效方案三
+ // @keyframes logo {
+ // 0% {
+ // opacity: 1;
+ // top: 10%;
+ // transform: rotateY(0deg);
+ // }
+
+ // 25% {
+ // opacity: 1;
+ // top: 10%;
+ // transform: rotateY(90deg);
+ // }
+ // 50% {
+ // opacity: 1;
+ // top: 10%;
+ // transform: rotateY(180deg);
+ // }
+
+ // 75% {
+ // opacity: 1;
+ // top: 10%;
+ // transform: rotateY(270deg);
+ // }
+
+ // 100% {
+ // opacity: 1;
+ // top: 10%;
+ // transform: rotateY(360deg);
+ // }
+ // }
+
+ @keyframes circle {
+ 0% {
+ opacity: 0;
+ bottom: -10%;
+ }
+ 100% {
+ opacity: 1;
+ bottom: -6.5%;
+ }
+ }
+
+ @keyframes circle-before {
+ 0% {
+ opacity: 0;
+ bottom: -1%;
+ }
+ 100% {
+ opacity: 1;
+ bottom: 9%;
+ }
+ }
+
+
+ @keyframes box1 {
+ 0% {
+ opacity: 0;
+ bottom: 20%;
+ }
+ 100% {
+ opacity: 1;
+ bottom: 30%;
+ }
+ }
+
+ @keyframes box2 {
+ 0% {
+ opacity: 0;
+ bottom: 24%;
+ }
+ 100% {
+ opacity: 1;
+ bottom: 34%;
+ }
+ }
+
+ @keyframes box3 {
+ 0% {
+ opacity: 0;
+ bottom: 28%;
+ }
+ 100% {
+ opacity: 1;
+ bottom: 38%;
+ }
+ }
+
+ @keyframes box4 {
+ 0% {
+ opacity: 0;
+ bottom: 32%;
+ }
+ 100% {
+ opacity: 1;
+ bottom: 42%;
+ }
+ }
+
+ @keyframes box1-circulation {
+ 0% {
+ opacity: 1;
+ height: 60px;
+ }
+ 48% {
+ height: 65px;
+ }
+ 52% {
+ height: 65px;
+ }
+ 100% {
+ height: 60px;
+ opacity: 1;
+ }
+ }
+
+ @keyframes box2-circulation {
+ 0% {
+ height: 96px;
+ opacity: 1;
+ }
+ 48% {
+ height: 90px;
+ }
+ 52% {
+ height: 90px;
+ }
+ 100% {
+ height: 96px;
+ opacity: 1;
+ }
+ }
+
+ @keyframes box3-circulation {
+ 0% {
+ height: 128px;
+ opacity: 1;
+ }
+ 48% {
+ height: 135px;
+ }
+ 52% {
+ height: 135px;
+ }
+ 100% {
+ height: 128px;
+ opacity: 1;
+ }
+ }
+
+ @keyframes box4-circulation {
+ 0% {
+ height: 113px;
+ opacity: 1;
+ }
+ 48% {
+ height: 108px;
+ }
+ 52% {
+ height: 108px;
+ }
+ 100% {
+ height: 113px;
+ opacity: 1;
+ }
+ }
+
+ // @keyframes code {
+ // 0% {
+ // opacity: 0;
+ // top: 40%;
+ // }
+ // 100% {
+ // opacity: 1;
+ // top: 30%;
+ // }
+ // }
+
+ @keyframes code1 {
+ 0% {
+ opacity: 0;
+ top: 43%;
+ }
+ 100% {
+ opacity: 1;
+ top: 33%;
+ }
+ }
+
+ @keyframes code1-circulation {
+ 0% {
+ opacity: 1;
+ top: 33%;
+ }
+ 50% {
+ opacity: 1;
+ top: 30%;
+ }
+ 100% {
+ opacity: 1;
+ top: 33%;
+ }
+ }
+
+ @keyframes codeBed {
+ 0% {
+ opacity: 0;
+ top: 54%;
+ }
+ 100% {
+ opacity: 1;
+ top: 44%;
+ }
+ }
+
+ @keyframes text1-show {
+ 5% {
+ opacity: 0;
+ width: 0;
+ bottom: 36%;
+ right: 60%;
+ }
+ 20% {
+ opacity: 1;
+ width: 262px;
+ bottom: 12%;
+ left: 55%;
+ }
+ 80% {
+ opacity: 1;
+ width: 262px;
+ bottom: 12%;
+ left: 55%;
+ }
+ 100% {
+ opacity: 0;
+ width: 0;
+ bottom: 36%;
+ right: 60%;
+ }
+ }
+
+ @keyframes text2-show {
+ 5% {
+ opacity: 0;
+ width: 0;
+ bottom: 36%;
+ right: 60%;
+ }
+ 20% {
+ opacity: 1;
+ width: 262px;
+ bottom: 10%;
+ right: 56%;
+ }
+ 80% {
+ opacity: 1;
+ width: 262px;
+ bottom: 10%;
+ right: 56%;
+ }
+ 100% {
+ opacity: 0;
+ width: 0;
+ bottom: 36%;
+ right: 60%;
+ }
+ }
+
+ @keyframes text3-show {
+ 5% {
+ opacity: 0;
+ width: 0;
+ right: 36%;
+ top: 50%;
+ }
+ 20% {
+ opacity: 1;
+ right: 8%;
+ top: 6%;
+ width: 227px;
+ }
+ 80% {
+ opacity: 1;
+ right: 8%;
+ top: 6%;
+ width: 227px;
+ }
+ 100% {
+ opacity: 0;
+ width: 0;
+ right: 36%;
+ top: 50%;
+ }
+ }
+
+ @keyframes text4-show {
+ 5% {
+ opacity: 0;
+ width: 0;
+ right: 50%;
+ top: 50%;
+ }
+ 20% {
+ opacity: 1;
+ top: 14%;
+ right: 55%;
+ width: 206px;
+ }
+ 80% {
+ opacity: 1;
+ top: 14%;
+ right: 55%;
+ width: 206px;
+ }
+ 100% {
+ opacity: 0;
+ width: 0;
+ right: 50%;
+ top: 50%;
+ }
+ }
+
+ @keyframes circle-circle {
+
+ 0% {
+ transform: scale(1);
+ opacity: 1;
+ bottom: 9%;
+ }
+
+ 33% {
+ transform: scale(1.2);
+ opacity: 0.7;
+ bottom: 9.5%;
+ }
+
+
+ 67% {
+ transform: scale(1.5);
+ opacity: 0.35;
+ bottom: 10.2%;
+ }
+
+ 100% {
+ transform: scale(2);
+ opacity: 0;
+ bottom: 11.5%;
+ }
+ }
+}
diff --git a/src/home/Footer/index.jsx b/src/home/Footer/index.jsx
new file mode 100644
index 000000000..511ba73ca
--- /dev/null
+++ b/src/home/Footer/index.jsx
@@ -0,0 +1,32 @@
+import React, { memo } from "react";
+// import logo from '../../modules/tpm/images/hskylogo.png';
+
+import './index.scss';
+
+function HomeFooter() {
+ let chromesettingArray = JSON.parse(localStorage.getItem('chromesetting'));
+ let footerHtml= chromesettingArray.footer;
+
+ return (
+
+
+
+
+
+
+
+
+
+ 红山开源
+
+ 群智共享
+ 开源开放
+ 协同创新
+ 择优孵化
+
+ 红山开源是一个依托互联网群体智慧实现世界范围内资源深度融合、开放共享和协同创新的开源社区，是集开源项目演化发展、科研任务众包、竞赛组织选拔和社区开放交流为一体的创新科研服务平台。红山开源致力于打造一个“开放、汇聚、协同、众创”的生态空间。
+
+ {/* */}
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+
+
+
+ 
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+
+ )
+}
+
+export default memo(HomeFooter);
diff --git a/src/home/Footer/index.scss b/src/home/Footer/index.scss
new file mode 100644
index 000000000..9fdf26659
--- /dev/null
+++ b/src/home/Footer/index.scss
@@ -0,0 +1,61 @@
+.home-footer {
+ height: 40vh;
+ min-width: 100vw;
+ // background: #162046;
+ background: linear-gradient(#cbdcff 0%, #162046 5%, #162046 100%);
+
+ overflow: hidden;
+ .arc {
+ position: relative;
+ margin: -15vh -5vw 0 -5vw;
+ height: 30vh;
+ // width: 110vw;
+ // background: linear-gradient(#cbdcff 0%, #bbccef 100%);
+ background: #cbdcff;
+ border-radius: 50%;
+ }
+ .logo {
+ position: absolute;
+ left: 20px;
+ bottom: 75px;
+ width: 190px;
+ height: 60px;
+ }
+ .footer-main {
+ position: relative;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ height: 18vh;
+ font-size: 12px;
+ font-family: PingFangSC-Regular, PingFang SC;
+ font-weight: 400;
+ color: #bdc2d1;
+ line-height: 28px;
+ }
+ .police {
+ color: #bdc2d1;
+ margin-right: 20px;
+ }
+ .police-img {
+ width: 16px;
+ border-radius: 10px;
+ margin-right: 3px;
+ }
+ .police-number {
+ color: #bdc2d1;
+ }
+
+ .footer-email {
+ display: inline-flex;
+ .iconfont {
+ margin-right: 2px;
+ }
+ }
+
+ .footerbottom {
+ background-color: #162046 !important;
+ }
+}
+
diff --git a/src/home/FourthSection/index.jsx b/src/home/FourthSection/index.jsx
new file mode 100644
index 000000000..8e36ad9f0
--- /dev/null
+++ b/src/home/FourthSection/index.jsx
@@ -0,0 +1,126 @@
+import React, { memo } from 'react';
+import { Button } from 'antd';
+import Line from '../Line';
+import logoLine from '../img/4-logo.png';
+import task from '../img/4-task.png';
+import codeManage from '../img/4-codeManage.png';
+import versionManage from '../img/4-versionManage.png';
+import editorInline from '../img/4-editorInline.png';
+import teamwork from '../img/4-teamwork.png';
+import './index.scss';
+
+const code = [
+ { str: latest: Pulling from appleboy/drone-ssh },
+ { str: Digest:sha256:095ca4ceafcb7 },
+ { str: Status:Image is up to date for appleboy/drone-ssh:latest },
+ { str: echo ====开始部署======= },
+ // { str: echo ====暂停容器开始======= },
+ { str: docker rm -f mo-test },
+ { str: docker rmi mo-test:1.0 },
+ // { str: cd /opt/demo },
+ { str: docker build -t mo-test:1.0 . },
+ { str: docker run -d -p 8080:8080 --name mo-test mo-test:1.0 },
+ { str: echo ====部署成功======= },
+ { str: ~/opt/Users/demo/app/static/ },
+ // { str: ======END====== },
+]
+
+function FourthSection({ fourth, history }) {
+ return (
+
+ {/*
+ + +86-010-66357650 + 北京市海淀区西三环北路72号 + osredm@163.com +
+ +
+ 版权所有：红山开源社区
+
+ 
京公网安备 11010802034576 号
+ 京ICP备2021005060
+
+
+ )
+}
+
+export default memo(FourthSection);
\ No newline at end of file
diff --git a/src/home/FourthSection/index.scss b/src/home/FourthSection/index.scss
new file mode 100644
index 000000000..c7e066d40
--- /dev/null
+++ b/src/home/FourthSection/index.scss
@@ -0,0 +1,349 @@
+.home-fourth-section {
+ text-align: center;
+ min-height: 45vh;
+ padding: 1.95em 0 1.25em 0;
+ background: url(../img/4-map.png) no-repeat;
+
+ .homepage-btn{
+ margin-top:1.25em;
+ }
+ .fourth-main {
+ margin: 1.25em auto;
+ }
+ .fourth-title {
+ display: flex;
+ }
+ .fourth-main-title {
+ width: 33%;
+ margin-right: 4.5%;
+ }
+
+ .code-box {
+ position: relative;
+ width: 62.5%;
+ img {
+ float: left;
+ width: 32%;
+ }
+ &>img{
+ max-width: 20vw;
+ }
+ }
+ .code-box-action {
+ width: 67%;
+ height: 20.75em;
+ border-radius: 1.25em;
+ }
+ .code-box-picture {
+ position: relative;
+ float: left;
+ // background: url(../img/task.png) no-repeat;
+ opacity: 0;
+ img {
+ width: 100%;
+ }
+ }
+
+ .code-box-code {
+ position: absolute;
+ top: 6.25em;
+ left: 10em;
+ background: #fff;
+ box-shadow: 0px 0px .25em .25em rgba(0, 0, 0, 0.06);
+ opacity: 0;
+ }
+
+ .hadoopCode {
+ border-radius: .3em;
+ margin: .625em;
+ background: #1c1c25;
+ padding: 1.125em 1.25em;
+ flex: 1;
+ position: relative;
+ li {
+ display: flex;
+ flex-wrap: wrap;
+ font-size: .75em;
+ font-weight: 500;
+ line-height: 2.1em;
+ color: #e1e1e1;
+ }
+ }
+
+ pre {
+ font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas,
+ Liberation Mono, monospace;
+ word-break: break-all;
+ overflow: initial;
+ margin-bottom: 0;
+ .codenum {
+ display: inline-block;
+ width: .95em;
+ text-align: left;
+ margin-right: .95em;
+ }
+ .code-green {
+ color: #00fa30;
+ }
+ .code-red {
+ color: #ff5058;
+ }
+ .code-blue {
+ color: #05cfc8;
+ }
+ }
+ .code-input{
+ position: relative;
+ }
+ .animation-is-typing::before {
+ position: absolute;
+ top: 0;
+ right: -0.8em;
+ bottom: 0;
+ display: block;
+ height: 100%;
+ margin-top: auto;
+ margin-bottom: auto;
+ font-size: 1em;
+ line-height: 1em;
+ content: "▊";
+ }
+ .word-item {
+ opacity: 0;
+ }
+ .js-type-letters{
+ opacity: 0;
+ }
+
+
+ .fourth-projects {
+ position: relative;
+ display: flex;
+ justify-content: space-between;
+ padding: 1.25em 0;
+ opacity: 0;
+ }
+
+ .project-item {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ width: 15.875em;
+ height: 12em;
+ border: .1em dashed #517df1;
+ border-radius: 0.375em;
+
+ .fourth-item-img {
+ position: relative;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ width: 4.5em;
+ height: 4.5em;
+ background: #ffffff;
+ border-radius: 50%;
+ box-shadow: 0px 0px .5em .5em rgba(38, 118, 255, 0.04);
+ }
+
+ .fourth-item-circle {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ animation: turnCircle infinite 10s linear;
+ }
+ .fourth-item-circle::before,
+ .fourth-item-circle::after {
+ content: "";
+ position: absolute;
+ width: .5em;
+ height: .5em;
+ border-radius: 50%;
+ background: linear-gradient(-45deg, #0949ff 0, #03bdff 100%);
+ }
+ .fourth-item-circle::before {
+ top: -.25em;
+ left: 2em;
+ }
+ .fourth-item-circle::after {
+ left: 2em;
+ bottom: -.25em;
+ }
+
+ .fourth-item-title {
+ margin: 0.5em auto 0;
+ font-family: PingFangSC-Medium;
+ font-size: 1.25em;
+ color: #0a1255;
+ font-weight: 500;
+ }
+
+ .fourth-item-des {
+ font-family: PingFangSC-Medium;
+ font-size: 1em;
+ color: #777988;
+ line-height: 2em;
+ font-weight: 500;
+ }
+ }
+
+ .project-item:nth-child(2) {
+ margin-top: 5em;
+ border-color: #df0757;
+ .fourth-item-circle {
+ animation: turnCircle2 infinite 10s linear;
+ }
+ .fourth-item-circle::before,
+ .fourth-item-circle::after {
+ background: linear-gradient(-45deg, #df0757 0, #ffa38d 100%);
+ }
+ }
+
+ .project-item:nth-child(3) {
+ margin-top: 10em;
+ border-color: #00ffa4;
+ .fourth-item-circle::before,
+ .fourth-item-circle::after {
+ background: linear-gradient(-45deg, #00ffa4 0, #f2ffa4 100%);
+ }
+ }
+
+ .project-item:nth-child(4) {
+ margin-top: 8.75em;
+ border-color: #8b5ff0;
+ .fourth-item-circle {
+ animation: turnCircle2 infinite 10s linear;
+ }
+ .fourth-item-circle::before,
+ .fourth-item-circle::after {
+ background: linear-gradient(-45deg, #8b5ff0 0, #fe86ff 100%);
+ }
+ }
+
+ .activeCode {
+ .code-box-picture {
+ animation: taskPicture 1s 1 forwards;
+ }
+ .code-box-code {
+ animation: taskCode 1s 1 0.75s forwards;
+ }
+ .hadoopCode .code-content {
+ margin: 0;
+ animation: showBackgroud 16s 2s infinite;
+ }
+
+ .animation-is-typing::before {
+ animation: BlinkingCursor .8s infinite;
+ }
+
+ .js-type-letters{
+ animation: BlinkingCursor-1 16s infinite;
+ }
+
+ .word-item {
+ animation: show 16s infinite;
+ }
+ &.fourth-projects {
+ animation: taskPicture 1s 1 1s forwards;
+ }
+ }
+
+ @keyframes show {
+ 0% {
+ opacity: 0;
+ }
+ 1% {
+ opacity: 1;
+ }
+ 70% {
+ opacity: 1;
+ }
+ 71% {
+ opacity: 0;
+ }
+ 100% {
+ opacity: 0;
+ }
+ }
+
+ @keyframes BlinkingCursor-1 {
+ 0% {
+ opacity: 0;
+ }
+ 2% {
+ opacity: 1;
+ }
+ 4% {
+ opacity: 0;
+ }
+ 100% {
+ opacity: 0;
+ }
+
+ }
+
+ @keyframes BlinkingCursor {
+ 0% {
+ opacity: 0;
+ }
+ 100% {
+ opacity: 1;
+ }
+ }
+
+ @keyframes showBackgroud {
+ 0% {
+ opacity: 1;
+ }
+ 71% {
+ opacity: 1;
+ }
+ 72% {
+ opacity: 0;
+ }
+ 100% {
+ opacity: 0;
+ }
+ }
+
+ @keyframes taskPicture {
+ 0% {
+ opacity: 0;
+ top: 35vh;
+ }
+ 100% {
+ opacity: 1;
+ top: 0;
+ }
+ }
+
+ @keyframes taskCode {
+ 0% {
+ opacity: 0;
+ top: 35vh;
+ }
+ 100% {
+ opacity: 1;
+ }
+ }
+
+ @keyframes turnCircle {
+ 0% {
+ transform: rotate(0deg);
+ }
+ 100% {
+ transform: rotate(360deg);
+ }
+ }
+
+ @keyframes turnCircle2 {
+ 0% {
+ transform: rotate(-90deg);
+ }
+ 100% {
+ transform: rotate(270deg);
+ }
+ }
+}
+
+
diff --git a/src/home/Line/index.jsx b/src/home/Line/index.jsx
new file mode 100644
index 000000000..df9e83eb0
--- /dev/null
+++ b/src/home/Line/index.jsx
@@ -0,0 +1,14 @@
+import React, { memo } from 'react';
+import './index.scss';
+
+
+export default memo(() => {
+ return (
+
+
+
+
+
+
+ 开源项目
+开源项目版块集项目托管、版本管理等功能于一体，为开源协作和群智汇聚提供创作环境
+
+ 
+
+
+ 
+
+
+
+
+
+ -
+
-
+
+ 1 + + ~/ + c + d + + /opt + /Us + ers + /de + mo + /app + /sta + tic + + +
+
+ {
+ code.map((i, k) => {
+ return (
+ {k + 2}{i.str}
+ )
+ })
+ }
+
+
+
+
+
+
+
+
+
+ 
+
+
+ 代码托管
+免费提供海量代码仓储
+
+
+
+
+ 
+
+
+ 版本管理
+记录和维护软件演化全过程
+
+
+
+
+ 
+
+
+ 在线编辑
+轻量级修改和提交
+
+
+
+
+
+ 
+
+
+ 质量追踪
+代码安全和质量管控
++ + + +
+ ) +}) + diff --git a/src/home/Line/index.scss b/src/home/Line/index.scss new file mode 100644 index 000000000..10a700689 --- /dev/null +++ b/src/home/Line/index.scss @@ -0,0 +1,20 @@ +.home-line { + text-align: center; + line-height: 0; + .yellow-line { + display: inline-block; + width: 23px; + height: 4px; + background: #ff8520; + border-radius: 3px; + } + .brown-line { + display: inline-block; + width: 38px; + height: 4px; + margin:0 5px; + background: #e67a21; + border-radius: 3px; + + } +} diff --git a/src/home/SecondSection/index.jsx b/src/home/SecondSection/index.jsx new file mode 100644 index 000000000..8d59a8c20 --- /dev/null +++ b/src/home/SecondSection/index.jsx @@ -0,0 +1,124 @@ +import React, { memo, useEffect, useState } from 'react'; +import { Button } from 'antd'; +import axios from 'axios'; +import Slider from 'react-slick'; +import "slick-carousel/slick/slick.css"; +import "slick-carousel/slick/slick-theme.css"; +import Line from '../Line'; + +import './index.scss'; + + +let setting = { + infinite: true, + speed: 750, + slidesToShow: 3, + slidesToScroll: 1, + pauseOnDotsHover: true, + autoplaySpeed: 4000, + centerMode: true, + centerPadding: "10px", + // pauseOnFocus: true, + autoplay: true, + arrows: false, + vertical: true, +} + + +function SecondSection({ second ,main_web_site_url}) { + + const [leftItem, setLeftItem] = useState({}); + const [list, setList] = useState([]); + + useEffect(() => { + const url = `/home/platform_communicates.json`; + axios.get(url, { + params: { + limit: 10, + page: 1 + } + }).then(result => { + if (result && result.data) { + let communicates = result.data.communicates; + if (communicates.length) { + setLeftItem(communicates[0]); + setList(communicates.slice(1, 5)); + } + } + }).catch(error => { }); + }, []) + + + function goDetail(id) { + window.open(`${main_web_site_url}/forums/${id}/detail`); + } + + return ( +社区动态
+为社区用户提供自主交流空间，实现思维碰撞和智慧融合
+
+
+
+
+
+
+
+
+ C O M M U N I T Y D Y N A M I C S
+ + + + + + +
+ +{ goDetail(leftItem.fake_id) }}>{leftItem.title}
+ +
+ {leftItem.content}
+
+
+
+
+
+
+
+ {
+ list.map((item, i) => {
+ return (
+
+
+
+
+ )
+ })
+ }
+ { goDetail(item.fake_id) }}>
+ {i + 1}
+
+ {item.title}
+ {item.tag} +{item.content}
+ {item.created_time && item.created_time.split(' ')[0]} +
+
+ {
+ list.map((item, i) => {
+ return (
+
+
+
+
+
+ )
+}
+
+export default memo(SeventhSection);
\ No newline at end of file
diff --git a/src/home/SeventhSection/index.scss b/src/home/SeventhSection/index.scss
new file mode 100644
index 000000000..e13901bb3
--- /dev/null
+++ b/src/home/SeventhSection/index.scss
@@ -0,0 +1,207 @@
+.home-seventh-section {
+ background: linear-gradient(#fff 0%, #cbdcff 100%);
+ text-align: center;
+ padding-top: 2.5em;
+ padding-bottom: 0.625em;
+ z-index: 100000;
+ margin-bottom: -0.625em;
+ border-bottom: 1px solid #cbdcff;
+ .seventh-main {
+ position: relative;
+ }
+ .clients {
+ position: absolute;
+ width: 100%;
+ height: 31.25em;
+ left: 0;
+ bottom: 2.5em;
+ // z-index: 10;
+ .client {
+ position: absolute;
+ width: 6.25em;
+ height: 6.25em;
+ border-radius: 50%;
+ z-index: 100;
+ }
+
+ .client:nth-child(1) {
+ top: 0;
+ left: 0;
+ animation: zoomin 0.9s infinite alternate;
+ }
+ .client:nth-child(2) {
+ top: 11.875em;
+ left: -7.1875em;
+ animation: zoomin 1.3s infinite alternate;
+ }
+ .client:nth-child(3) {
+ left: 0;
+ bottom: 4.375em;
+ animation: zoomin 1.6s infinite alternate;
+ }
+ .client:nth-child(4) {
+ top: 2.5em;
+ right: 0;
+ animation: zoomin 1.9s infinite alternate;
+ }
+ .client:nth-child(5) {
+ right: -5.3125em;
+ bottom: 8.4375em;
+ animation: zoomin 2.1s infinite alternate;
+ }
+ .client:nth-child(6) {
+ right: 9.375em;
+ bottom: 0.625em;
+ animation: zoomin 1.6s infinite alternate;
+ }
+
+ .icon-a-shuangyinhao12x {
+ position: absolute;
+ color: #ef7a30;
+ font-size: 2.25em !important ;
+ }
+ .start-icon {
+ top: 50px;
+ left: 280px;
+ transform: rotateY(180deg);
+ z-index: 100;
+ }
+ .end-icon {
+ bottom: 130px;
+ right: 330px;
+ z-index: 100;
+ }
+ }
+
+ .slick-dots {
+ height: 31.25em;
+ left: 0;
+ bottom: -4.5em;
+ z-index: 101;
+ li {
+ position: absolute;
+ width: 7em;
+ height: 7em;
+ border-radius: 50%;
+ button{
+ width: inherit;
+ height: inherit;
+ &:before {
+ width: inherit;
+ height: inherit;
+ color: #fff;
+ opacity: 0;
+ }
+ }
+
+ }
+ li:nth-child(1) {
+ top: -.5em;
+ left: -.5em;
+ }
+ li:nth-child(2) {
+ top: 11.875em;
+ left: -7.6875em;
+ }
+ li:nth-child(3) {
+ left: -.5em;
+ bottom: 3.875em;
+ }
+ li:nth-child(4) {
+ top: 2.5em;
+ right: -.5em;
+ }
+ li:nth-child(5) {
+ right: -5.8125em;
+ bottom: 8em;
+ }
+ li:nth-child(6) {
+ right: 8.875em;
+ bottom: 0.125em;
+ }
+ }
+ .slick-slider {
+ margin: 2.5em auto 1.25em;
+ height: 30em;
+ background: url(../img/7-bg.png) no-repeat;
+ background-size: 50.25em 29.625em;
+ background-position: center;
+ }
+ .slick-list {
+ width: 33.75em;
+ margin: 0 auto;
+ z-index: 10000;
+ }
+ .issue-item {
+ text-align: center;
+
+ .author-head {
+ width: 8.125em;
+ height: 8.125em;
+ border-radius: 50%;
+ margin: 0 auto;
+ }
+ .issue-author {
+ display: inline-block;
+ font-size: 1.125em;
+ font-weight: 500;
+ color: #ff7300;
+ line-height: 1.75em;
+ margin: 0.625em auto;
+ }
+ .issue-title {
+ font-size: 1.25em;
+ font-weight: 500;
+ color: #000870;
+ line-height: 1.75em;
+ margin-bottom: 1.25em;
+ }
+ .issue-content {
+ text-align: left;
+ text-indent: 2em;
+ font-size: 15px;
+ font-weight: 400;
+ color: #3c476e;
+ line-height: 28px;
+ }
+ .issue-time {
+ height: 28px;
+ font-size: 15px;
+ color: #3c476e;
+ line-height: 28px;
+ }
+ }
+
+ .homepage-btn {
+ margin-top: 50px;
+ }
+
+ @keyframes zoomin {
+ 0% {
+ transform: scale(0.9);
+ }
+
+ 100% {
+ transform: scale(1.1);
+ }
+ }
+}
+
+@media screen and (max-width: 1400px) {
+ .home-seventh-section {
+ .slick-dots,.clients {
+ width: 86%;
+ left: 8%;
+
+ }
+ }
+}
+
+@media screen and (max-width: 1200px) {
+ .home-seventh-section {
+ .slick-dots,.clients {
+ width: 80%;
+ left: 11%;
+ }
+ }
+}
diff --git a/src/home/SixthSection/index.jsx b/src/home/SixthSection/index.jsx
new file mode 100644
index 000000000..838fa01ee
--- /dev/null
+++ b/src/home/SixthSection/index.jsx
@@ -0,0 +1,97 @@
+import React, { memo, useEffect, useState } from 'react';
+import { Button } from 'antd';
+import axios from 'axios';
+import Line from '../Line';
+import completeIcon1 from '../img/6-completeIcon1.png';
+import completeIcon2 from '../img/6-completeIcon2.png';
+import completeIcon3 from '../img/6-completeIcon3.png';
+import ball from '../img/6-ball.png';
+import cup from '../img/6-cup.png';
+import yLetter from '../img/6-y.png';
+import net from '../img/6-net.png';
+import overall from '../img/6-overall.png';
+import pillar1 from '../img/6-pillar1.png';
+import pillar2 from '../img/6-pillar2.png';
+import pillar3 from '../img/6-pillar3.png';
+import './index.scss';
+let iconArr = [completeIcon1, completeIcon2, completeIcon3];
+
+
+function SixthSection({ sixth, main_web_site_url }) {
+
+ const [list, setList] = useState();
+
+ useEffect(() => {
+ const url = `/home/competitions.json`;
+ axios.get(url).then(result => {
+ if (result && result.data) {
+ setList(result.data.competitions);
+ }
+ }).catch(error => { });
+ }, [])
+
+ function goDetail(id) {
+ window.open(`${main_web_site_url}/competitions/${id}/enroll`);
+ }
+
+ return (
+ 论坛交流
+论坛交流版块通过技术交流、学术探讨等方式，为社区用户提供自主交流空间，实现思维碰撞和智慧融合
+
+ {
+ list.map((item, i) => {
+ return (})
{ goDetail(item.fake_login) }} alt="images-not_found" />)
+ })
+ }
+
+
+
+
+
+ { goDetail(item.fake_login) }} alt="images-not_found" />
+ { goDetail(item.fake_login) }}>{item.name}
+
)
+ })
+ }
+
+ {item.announcement}
+{item.content}
+ {item.created_time && item.created_time.split(' ')[0]} +
+
+ )
+}
+export default memo(SixthSection);
\ No newline at end of file
diff --git a/src/home/SixthSection/index.scss b/src/home/SixthSection/index.scss
new file mode 100644
index 000000000..b69873d58
--- /dev/null
+++ b/src/home/SixthSection/index.scss
@@ -0,0 +1,293 @@
+.home-sixth-section {
+ position: relative;
+ color: #fff;
+ background: linear-gradient(#0037AF 0%, #2951da 100%);
+ text-align: center;
+ margin-bottom: -2px;
+ z-index: 10;
+ .grid-picture {
+ background: url(../img/grid.png) no-repeat;
+ background-size: auto 100%;
+ padding-bottom: 6.25em;
+ }
+
+ .sixth-main {
+ display: flex;
+ padding-top: 10vh;
+ overflow: visible;
+ }
+
+ .des-item {
+ position: relative;
+ opacity: 0;
+ display: flex;
+ padding: .9375em;
+ margin: 1.875em 0;
+ align-items: center;
+ width: 30em;
+ height: 10.625em;
+ background: rgba(255, 255, 255, 0.06);
+ box-shadow: 0px 0px .625em .3125em rgba(38, 118, 255, 0.04);
+ border-radius: .625em;
+ border: 1px transparent solid;
+ border-image: linear-gradient(
+ to right,
+ rgba(255, 255, 255, 0.2),
+ rgba(255, 255, 255, 1),
+ rgba(255, 255, 255, 0.2)
+ )
+ 1 10;
+
+ p{
+ margin-bottom: .5em;
+ }
+ }
+
+ .des-item:nth-child(2) {
+ margin: 3.75em 0 0 1.25em;
+ }
+
+ .des-item:nth-child(3) {
+ margin: 3.75em 0 0 2.5em;
+ }
+
+ .des-item-img {
+ width: 6.25em;
+ height: 6.25em;
+ flex: none;
+ }
+
+ .des-item-content {
+ width: 21.75em;
+ text-align: left;
+ font-size: .9375em;
+ font-weight: 400;
+ line-height: 1.75em;
+ opacity: .8;
+ .des-item-title {
+ font-size: 1.125em;
+ font-family: PingFangSC-Medium, PingFang SC;
+ font-weight: 500;
+ color: #ff9931;
+ line-height: 1.5625em;
+ }
+ }
+
+ .sixth-right {
+ width: 42.5em;
+ overflow: visible;
+ }
+ .sixth-right-title {
+ margin-left: 5em;
+ width: 28.125em;
+ text-align: left;
+
+ .home-line {
+ text-align: left;
+ }
+ }
+ .sixth-play-img {
+ width: 48.1825em;
+ position: relative;
+
+ .ball {
+ position: absolute;
+ top: 18.75em;
+ left: 6.875em;
+ z-index: 1;
+ width: 2.0625em;
+ animation: ball infinite 5s linear;
+ }
+
+ .cup {
+ position: absolute;
+ top: 15%;
+ left: 45%;
+ z-index: 1;
+ width: 5.75em;
+ animation: cup infinite 4s;
+ }
+
+ .net {
+ position: absolute;
+ top: 9%;
+ left: 22%;
+ z-index: 1;
+ width: 3.75em;
+ animation: net infinite 4s 1s;
+ }
+
+ .yLetter {
+ position: absolute;
+ top: 6%;
+ right: 17%;
+ z-index: 1;
+ width: 3.4375em;
+ animation: yLetter infinite 4s 1.5s;
+ }
+
+ .pillar1 {
+ position: absolute;
+ bottom: 10%;
+ left: 43%;
+ z-index: 1;
+ width: 2.25em;
+ height: 2.625em;
+ animation: pillar1 infinite 3s;
+ }
+ .pillar2 {
+ position: absolute;
+ bottom: 12%;
+ left: 40%;
+ z-index: 1;
+ width: 1.75em;
+ height: 3.125em;
+ animation: pillar2 infinite 3s;
+ }
+ .pillar3 {
+ position: absolute;
+ bottom: 12%;
+ left: 42%;
+ z-index: 1;
+ width: 1.75em;
+ height: 3.6875em;
+ animation: pillar3 infinite 3s;
+ }
+ }
+
+ .overall {
+ width: 47.4375em;
+ }
+
+ .homepage-btn{
+ margin-top: 0;
+ background-color: #4F7DFF ;
+ }
+
+ .waves {
+ position: absolute;
+ left: 0;
+ right: 0;
+ bottom: -2px;
+ }
+
+ .complete-des.active {
+ .des-item {
+ animation: showTop 1s 1 forwards;
+ }
+ .des-item:nth-child(2) {
+ animation: showTop 1s 1 .75s forwards;
+ }
+ .des-item:nth-child(3) {
+ animation: showTop 1s 1 1.5s forwards;
+ }
+ }
+
+ @keyframes showTop {
+ 0% {
+ opacity: 0;
+ top: 30vh;
+ }
+ 100% {
+ opacity: 1;
+ top: 0;
+ }
+ }
+
+ @keyframes ball {
+ 0% {
+ transform: rotate(0deg);
+ }
+ 100% {
+ transform: rotate(-360deg);
+ }
+ }
+
+ @keyframes cup {
+ 0% {
+ top: 12%;
+ }
+ 45% {
+ top: 20%;
+ }
+ 55% {
+ top: 20%;
+ }
+ 100% {
+ top: 12%;
+ }
+ }
+
+ @keyframes net {
+ 0% {
+ top: 2%;
+ }
+ 45% {
+ top: 9%;
+ }
+ 55% {
+ top: 9%;
+ }
+ 100% {
+ top: 2%;
+ }
+ }
+ @keyframes yLetter {
+ 0% {
+ top: 0%;
+ }
+ 45% {
+ top: 6%;
+ }
+ 55% {
+ top: 6%;
+ }
+ 100% {
+ top: 0%;
+ }
+ }
+ @keyframes pillar1 {
+ 0% {
+ height: 2.5em;
+ }
+ 48% {
+ height: 2em;
+ }
+ 52% {
+ height: 2em;
+ }
+ 100% {
+ height: 2.5em;
+ }
+ }
+
+ @keyframes pillar2 {
+ 0% {
+ height: 2.5em;
+ }
+ 48% {
+ height: 4.0625em;
+ }
+ 52% {
+ height: 4.0625em;
+ }
+ 100% {
+ height: 2.5em;
+ }
+ }
+
+ @keyframes pillar3 {
+ 0% {
+ height: 4.0625em;
+ }
+ 48% {
+ height: 2.5em;
+ }
+ 52% {
+ height: 2.5em;
+ }
+ 100% {
+ height: 4.0625em;
+ }
+ }
+}
diff --git a/src/home/ThirdSection/index.jsx b/src/home/ThirdSection/index.jsx
new file mode 100644
index 000000000..9109039ec
--- /dev/null
+++ b/src/home/ThirdSection/index.jsx
@@ -0,0 +1,96 @@
+import React, { memo, useEffect, useState } from 'react';
+import CountUp from 'react-countup';
+import axios from 'axios';
+import Line from '../Line';
+import './index.scss';
+
+const countUpProps = {
+ redraw: true,
+ start: 0,
+ duration: 1
+};
+
+
+function ThirdSection({ third }) {
+ const [statisticsNum, setStatisticsNum] = useState({});
+
+ useEffect(() => {
+ const url = `/home/platform_statistics.json`;
+ axios.get(url).then(result => {
+ if (result && result.data) {
+ setStatisticsNum(result.data);
+ }
+ }).catch(error => { });
+ }, [])
+
+ return (
+
+
+
+
+
+
+
+
+
+ {
+ list && list.map((item, i) => {
+ return (
+
+
+
+ 
+
+ )
+ })
+ }
+
+
+ { goDetail(item.id) }}>{item.title}
+竞赛时间：{item.start_time && item.start_time.split(' ')[0]}-{item.end_time && item.end_time.split(' ')[0]}
+赛事简介： {item.content||'暂无简介'}
+
+
+
+
+
+
+ 开放竞赛
+开放竞赛版块通过赛事和学术活动组织，为验证技术成果、挖掘优秀人才提供有效途径
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+ )
+}
+
+export default memo(ThirdSection);
\ No newline at end of file
diff --git a/src/home/ThirdSection/index.scss b/src/home/ThirdSection/index.scss
new file mode 100644
index 000000000..e54fad120
--- /dev/null
+++ b/src/home/ThirdSection/index.scss
@@ -0,0 +1,168 @@
+.home-third-section {
+ color: #fff;
+ background: linear-gradient(
+ #0037AF 0%,
+ #2951DA 100%,
+ );
+ text-align: center;
+ // #041670 0%,
+
+ .ball-background{
+ background: url(../img/3-ballBg.png) no-repeat;
+ background-size: 100% 100%;
+ }
+ .third-tit {
+ padding-top: 1.75em;
+ color: #fff;
+ font-size: 2em;
+ }
+
+ .third-main {
+ display: flex;
+ justify-content: space-around;
+ max-width: 100%;
+ margin: 10vh auto;
+ }
+
+ .circle-item > h4 {
+ margin-top: 1.25em;
+ color: #fff;
+ font-weight: 600;
+ font-size: 1.15rem;
+ }
+
+ .circle-item-box {
+ position: relative;
+ width: 10.25em;
+ height: 10.25em;
+ box-sizing: border-box;
+ padding: .25em;
+ border-radius: 50%;
+ background-image: linear-gradient(
+ to bottom right,
+ rgba(255, 255, 255, 0.63) 0%,
+ rgba(55, 236, 255, 0.56) 33%,
+ rgba(255, 255, 255, 0.42) 67%,
+ rgba(255, 255, 255, 0.45) 100%
+ );
+ }
+
+ .circle-item-num {
+ position: relative;
+ display: inline-flex;
+ justify-content: center;
+ align-items: center;
+ width: 100%;
+ height: 100%;
+ border-radius: 50%;
+ background: #12277b;
+ font-size: 3em;
+ font-weight: 600;
+ span {
+ background-image: -webkit-linear-gradient(bottom, red, #fd8403, yellow);
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ }
+
+ &::before {
+ position: absolute;
+ left: -5%;
+ top: -5%;
+ content: "";
+ background-image: url(../img/3-dashCircle.png);
+ width: 110%;
+ height: 110%;
+ background-position: center center;
+ background-size: cover;
+ background-repeat: no-repeat;
+ z-index: 9;
+ opacity: 1;
+ visibility: hidden;
+ }
+
+ &:hover::before{
+ visibility: visible;
+ animation: dashCircle infinite 4s linear;
+ }
+ }
+
+ .circle-item:nth-child(2) {
+ .circle-item-box {
+ background-image: linear-gradient(
+ to bottom left,
+ rgba(255, 255, 255, 0.88) 0%,
+ rgba(7, 188, 207, 0.56) 33%,
+ rgba(255, 255, 255, 0.16) 67%,
+ rgba(255, 255, 255, 1) 100%
+ );
+ }
+ span {
+ background-image: -webkit-linear-gradient(bottom, #f5f65b, #15ccf6);
+ }
+ }
+
+ .circle-item:nth-child(3) {
+ .circle-item-box {
+ background-image: linear-gradient(
+ to bottom left,
+ rgba(255, 255, 255, 1) 0%,
+ rgba(255, 255, 255, 0.16) 0%,
+ rgba(7, 188, 207, 0.56) 33%,
+ rgba(255, 255, 255, 0.88) 100%
+ );
+ }
+ span {
+ background-image: -webkit-linear-gradient(bottom, #bad3ff, #00a0dd);
+ }
+ }
+
+ .circle-item:nth-child(4) {
+ .circle-item-box {
+ background-image: linear-gradient(
+ to bottom left,
+ rgba(255, 255, 255, 0.88) 0%,
+ rgba(7, 188, 207, 0.56) 33%,
+ rgba(255, 255, 255, 0.16) 67%,
+ rgba(255, 255, 255, 1) 100%
+ );
+ }
+ span {
+ background-image: -webkit-linear-gradient(bottom, #f0a3ff, #b33dff);
+ }
+ }
+
+ .circle-item:nth-child(5) {
+ .circle-item-box {
+ background-image: linear-gradient(
+ to bottom left,
+ rgba(255, 255, 255, 0.45) 0%,
+ rgba(7, 188, 207, 0.56) 33%,
+ rgba(255, 255, 255, 0.16) 67%,
+ rgba(255, 255, 255, 1) 100%
+ );
+ }
+ span {
+ background-image: -webkit-linear-gradient(bottom, #08ece1, #ff7e3d);
+ }
+ }
+
+ .circle-item .circle-item-box {
+ &:hover{
+ background:rgba(255, 255, 255, 0);
+ }
+ }
+
+ .waves{
+ position: relative;
+ bottom: -1.5vh;
+ }
+
+ @keyframes dashCircle {
+ 0% {
+ transform: rotate(0deg);
+ }
+ 100% {
+ transform: rotate(360deg);
+ }
+ }
+}
diff --git a/src/home/img/1-box1.png b/src/home/img/1-box1.png
new file mode 100644
index 000000000..bcae1fea7
Binary files /dev/null and b/src/home/img/1-box1.png differ
diff --git a/src/home/img/1-box2.png b/src/home/img/1-box2.png
new file mode 100644
index 000000000..94439d6ee
Binary files /dev/null and b/src/home/img/1-box2.png differ
diff --git a/src/home/img/1-box3.png b/src/home/img/1-box3.png
new file mode 100644
index 000000000..7c1fae8e8
Binary files /dev/null and b/src/home/img/1-box3.png differ
diff --git a/src/home/img/1-box4.png b/src/home/img/1-box4.png
new file mode 100644
index 000000000..fde3fec97
Binary files /dev/null and b/src/home/img/1-box4.png differ
diff --git a/src/home/img/1-circle.png b/src/home/img/1-circle.png
new file mode 100644
index 000000000..0b3d2f5f9
Binary files /dev/null and b/src/home/img/1-circle.png differ
diff --git a/src/home/img/1-code-bed.png b/src/home/img/1-code-bed.png
new file mode 100644
index 000000000..2609442df
Binary files /dev/null and b/src/home/img/1-code-bed.png differ
diff --git a/src/home/img/1-code.png b/src/home/img/1-code.png
new file mode 100644
index 000000000..398a2c597
Binary files /dev/null and b/src/home/img/1-code.png differ
diff --git a/src/home/img/1-glass.png b/src/home/img/1-glass.png
new file mode 100644
index 000000000..8cada7b90
Binary files /dev/null and b/src/home/img/1-glass.png differ
diff --git a/src/home/img/1-logo.png b/src/home/img/1-logo.png
new file mode 100644
index 000000000..ad60b8205
Binary files /dev/null and b/src/home/img/1-logo.png differ
diff --git a/src/home/img/1-text1.png b/src/home/img/1-text1.png
new file mode 100644
index 000000000..e3d47407b
Binary files /dev/null and b/src/home/img/1-text1.png differ
diff --git a/src/home/img/1-text2.png b/src/home/img/1-text2.png
new file mode 100644
index 000000000..76b85af90
Binary files /dev/null and b/src/home/img/1-text2.png differ
diff --git a/src/home/img/1-text3.png b/src/home/img/1-text3.png
new file mode 100644
index 000000000..8c0812361
Binary files /dev/null and b/src/home/img/1-text3.png differ
diff --git a/src/home/img/1-text4.png b/src/home/img/1-text4.png
new file mode 100644
index 000000000..1f6f49740
Binary files /dev/null and b/src/home/img/1-text4.png differ
diff --git a/src/home/img/3-ballBg.png b/src/home/img/3-ballBg.png
new file mode 100644
index 000000000..67acac25b
Binary files /dev/null and b/src/home/img/3-ballBg.png differ
diff --git a/src/home/img/3-dashCircle.png b/src/home/img/3-dashCircle.png
new file mode 100644
index 000000000..b3f8178fc
Binary files /dev/null and b/src/home/img/3-dashCircle.png differ
diff --git a/src/home/img/4-codeManage.png b/src/home/img/4-codeManage.png
new file mode 100755
index 000000000..91bdf1aee
Binary files /dev/null and b/src/home/img/4-codeManage.png differ
diff --git a/src/home/img/4-editorInline.png b/src/home/img/4-editorInline.png
new file mode 100755
index 000000000..b34b2a27e
Binary files /dev/null and b/src/home/img/4-editorInline.png differ
diff --git a/src/home/img/4-logo.png b/src/home/img/4-logo.png
new file mode 100755
index 000000000..48a235518
Binary files /dev/null and b/src/home/img/4-logo.png differ
diff --git a/src/home/img/4-map.png b/src/home/img/4-map.png
new file mode 100755
index 000000000..3ed374504
Binary files /dev/null and b/src/home/img/4-map.png differ
diff --git a/src/home/img/4-task.png b/src/home/img/4-task.png
new file mode 100644
index 000000000..45792b5ad
Binary files /dev/null and b/src/home/img/4-task.png differ
diff --git a/src/home/img/4-teamwork.png b/src/home/img/4-teamwork.png
new file mode 100755
index 000000000..8bd8f6436
Binary files /dev/null and b/src/home/img/4-teamwork.png differ
diff --git a/src/home/img/4-versionManage.png b/src/home/img/4-versionManage.png
new file mode 100755
index 000000000..b7fc035cd
Binary files /dev/null and b/src/home/img/4-versionManage.png differ
diff --git a/src/home/img/6-ball.png b/src/home/img/6-ball.png
new file mode 100644
index 000000000..d5ea03ca8
Binary files /dev/null and b/src/home/img/6-ball.png differ
diff --git a/src/home/img/6-completeIcon1.png b/src/home/img/6-completeIcon1.png
new file mode 100755
index 000000000..51ceda872
Binary files /dev/null and b/src/home/img/6-completeIcon1.png differ
diff --git a/src/home/img/6-completeIcon2.png b/src/home/img/6-completeIcon2.png
new file mode 100755
index 000000000..c76a3399c
Binary files /dev/null and b/src/home/img/6-completeIcon2.png differ
diff --git a/src/home/img/6-completeIcon3.png b/src/home/img/6-completeIcon3.png
new file mode 100755
index 000000000..6a445d17c
Binary files /dev/null and b/src/home/img/6-completeIcon3.png differ
diff --git a/src/home/img/6-cup.png b/src/home/img/6-cup.png
new file mode 100644
index 000000000..ec5a09fb7
Binary files /dev/null and b/src/home/img/6-cup.png differ
diff --git a/src/home/img/6-line.png b/src/home/img/6-line.png
new file mode 100644
index 000000000..f187c5e27
Binary files /dev/null and b/src/home/img/6-line.png differ
diff --git a/src/home/img/6-net.png b/src/home/img/6-net.png
new file mode 100644
index 000000000..4fbc337d9
Binary files /dev/null and b/src/home/img/6-net.png differ
diff --git a/src/home/img/6-overall.png b/src/home/img/6-overall.png
new file mode 100644
index 000000000..7c5cfe927
Binary files /dev/null and b/src/home/img/6-overall.png differ
diff --git a/src/home/img/6-pillar1.png b/src/home/img/6-pillar1.png
new file mode 100644
index 000000000..7e58e2efd
Binary files /dev/null and b/src/home/img/6-pillar1.png differ
diff --git a/src/home/img/6-pillar2.png b/src/home/img/6-pillar2.png
new file mode 100644
index 000000000..d1394a670
Binary files /dev/null and b/src/home/img/6-pillar2.png differ
diff --git a/src/home/img/6-pillar3.png b/src/home/img/6-pillar3.png
new file mode 100644
index 000000000..1a35411ba
Binary files /dev/null and b/src/home/img/6-pillar3.png differ
diff --git a/src/home/img/6-y.png b/src/home/img/6-y.png
new file mode 100644
index 000000000..67f2d01cb
Binary files /dev/null and b/src/home/img/6-y.png differ
diff --git a/src/home/img/7-bg.png b/src/home/img/7-bg.png
new file mode 100644
index 000000000..ba45f598e
Binary files /dev/null and b/src/home/img/7-bg.png differ
diff --git a/src/home/img/7-head1.png b/src/home/img/7-head1.png
new file mode 100644
index 000000000..3860c458a
Binary files /dev/null and b/src/home/img/7-head1.png differ
diff --git a/src/home/img/7-head2.png b/src/home/img/7-head2.png
new file mode 100644
index 000000000..769b98357
Binary files /dev/null and b/src/home/img/7-head2.png differ
diff --git a/src/home/img/7-head3.png b/src/home/img/7-head3.png
new file mode 100644
index 000000000..aaaf13571
Binary files /dev/null and b/src/home/img/7-head3.png differ
diff --git a/src/home/img/7-head4.png b/src/home/img/7-head4.png
new file mode 100644
index 000000000..ecbd40700
Binary files /dev/null and b/src/home/img/7-head4.png differ
diff --git a/src/home/img/7-head5.png b/src/home/img/7-head5.png
new file mode 100644
index 000000000..8d8804f5a
Binary files /dev/null and b/src/home/img/7-head5.png differ
diff --git a/src/home/img/7-head6.png b/src/home/img/7-head6.png
new file mode 100644
index 000000000..2e2068fed
Binary files /dev/null and b/src/home/img/7-head6.png differ
diff --git a/src/home/img/7-head7.png b/src/home/img/7-head7.png
new file mode 100644
index 000000000..24f8c5917
Binary files /dev/null and b/src/home/img/7-head7.png differ
diff --git a/src/home/img/circle.png b/src/home/img/circle.png
new file mode 100644
index 000000000..53748c9fb
Binary files /dev/null and b/src/home/img/circle.png differ
diff --git a/src/home/img/code.png b/src/home/img/code.png
new file mode 100644
index 000000000..b7bde5fc1
Binary files /dev/null and b/src/home/img/code.png differ
diff --git a/src/home/img/grid.png b/src/home/img/grid.png
new file mode 100644
index 000000000..4675007c0
Binary files /dev/null and b/src/home/img/grid.png differ
diff --git a/src/home/img/pillar.png b/src/home/img/pillar.png
new file mode 100644
index 000000000..568b3df4a
Binary files /dev/null and b/src/home/img/pillar.png differ
diff --git a/src/home/index.jsx b/src/home/index.jsx
new file mode 100644
index 000000000..96b5c4257
--- /dev/null
+++ b/src/home/index.jsx
@@ -0,0 +1,153 @@
+import React, { useEffect, useState } from 'react';
+import { TPMIndexHOC } from '../modules/tpm/TPMIndexHOC';
+import { isMobile } from 'educoder';
+import './index.scss';
+
+import FirstSection from './FirstSection';
+import SecondSection from './SecondSection';
+import ThirdSection from './ThirdSection';
+import FourthSection from './FourthSection';
+import FifthSection from './FifthSection';
+import SixthSection from './SixthSection';
+import SeventhSection from './SeventhSection';
+import Footer from './Footer';
+
+
+let isHuawei = (/honor|huawei/i.test(navigator.userAgent.toLowerCase()));
+function HomePage({ history }) {
+
+ useEffect(() => {
+ window.addEventListener("scroll", scrollListener, false);
+ return () => {
+ window.removeEventListener("scroll", scrollListener, false);
+ }
+ }, []);
+
+ const [first, setFirst] = useState(true);
+ const [second, setSecond] = useState(isMobile);
+ const [third, setThird] = useState(false || isHuawei);
+ const [fourth, setFourth] = useState(false || isHuawei);
+ const [fifth, setFifth] = useState(false || isHuawei);
+ const [sixth, setSixth] = useState(false || isHuawei);
+
+
+ let settings = JSON.parse(localStorage.chromesetting);
+ let main_web_site_url = settings.main_web_site_url;
+
+
+ function scrollListener() {
+ let clientHeight = document.body.clientHeight;
+ let clientWidth = document.body.clientWidth;
+ // let secondSection = document.querySelector(".home-second-section").offsetTop;
+ // let thirdSection = document.querySelector(".home-third-section").offsetTop;
+ // let fourthSection = document.querySelector(".home-fourth-section").offsetTop;
+ // let fifthSection = document.querySelector(".home-fifth-section").offsetTop;
+ // let sixthSection = document.querySelector(".home-sixth-section").offsetTop;
+ // let seventhSection = document.querySelector(".home-seventh-section").offsetTop;
+ let secondSection = document.getElementById("home-second-section").offsetTop;
+ let thirdSection = document.getElementById("home-third-section").offsetTop;
+ let fourthSection = document.getElementById("home-fourth-section").offsetTop;
+ let fifthSection = document.getElementById("home-fifth-section").offsetTop;
+ let sixthSection = document.getElementById("home-sixth-section").offsetTop;
+ let seventhSection = document.getElementById("home-seventh-section").offsetTop;
+
+ let top = document.documentElement.scrollTop;
+
+
+ if (top >= clientHeight - 300) {
+ setFirst(false);
+ } else {
+ setFirst(true);
+ }
+
+ if (clientWidth > 1100) {
+ // 第二个动效
+ if (top >= secondSection - clientHeight * 0.8 && top < thirdSection) {
+ setSecond(true);
+ } else {
+ setSecond(false);
+ }
+ } else {
+ // 第二个动效
+ if (top >= secondSection - clientHeight && top < thirdSection) {
+ setSecond(true);
+ } else {
+ setSecond(false);
+ }
+ }
+
+ // 第三个动效
+ if (top >= thirdSection - clientHeight && top < fourthSection) {
+ setThird(true);
+ } else {
+ setThird(false);
+ }
+
+ // 第四个动效
+ if (top >= fourthSection - clientHeight && top < fifthSection) {
+ setFourth(true);
+ } else {
+ setFourth(false);
+ }
+
+ // 第五个动效
+ if (top >= fifthSection - clientHeight && top < sixthSection) {
+ setFifth(true);
+ } else {
+ setFifth(false);
+ }
+
+ // 第六个动效
+ if (top >= sixthSection - clientHeight && top < seventhSection - 100) {
+ setSixth(true);
+ } else {
+ setSixth(false);
+ }
+
+ if(isHuawei){
+ setFourth(true);
+ setSixth(true);
+ }
+ }
+
+
+ return (
+ 数据统计总览
+
+
+
+
+
+
+
+
+
+ 9999999?'24px':statisticsNum.visits>99999?'36px':'48px'}}>
+
+ 平台点击量
+
+
+
+
+
+
+
+ 平台用户数
+
+
+
+
+
+
+
+ 开源项目托管数
+
+
+
+
+
+
+
+ 创客任务发布数
+
+
+
+
+
+
+
+ 论坛发帖数量
+
+
+
+ )
+}
+
+export default TPMIndexHOC(HomePage, { noFooter: true });
diff --git a/src/home/index.scss b/src/home/index.scss
new file mode 100644
index 000000000..e806fa72e
--- /dev/null
+++ b/src/home/index.scss
@@ -0,0 +1,335 @@
+.homePage {
+ background: #fff;
+ font-size: 16px;
+ // min-width: 800px;
+ // 首页多个部分公共样式
+
+ // 1行省略号
+ .ellipsis-1 {
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ }
+ // 2行省略号
+ .ellipsis-2 {
+ text-overflow: -o-ellipsis-lastline;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ display: -webkit-box;
+ -webkit-line-clamp: 2;
+ line-clamp: 2;
+ -webkit-box-orient: vertical;
+ }
+
+ // 5行省略号
+ .ellipsis-5 {
+ text-overflow: -o-ellipsis-lastline;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ display: -webkit-box;
+ -webkit-line-clamp: 5;
+ line-clamp: 5;
+ -webkit-box-orient: vertical;
+ }
+
+ // 8行省略号
+ .ellipsis-8 {
+ text-overflow: -o-ellipsis-lastline;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ display: -webkit-box;
+ -webkit-line-clamp: 8;
+ line-clamp: 8;
+ -webkit-box-orient: vertical;
+ }
+
+ .link {
+ cursor: pointer;
+ &:hover {
+ opacity: 0.8;
+ }
+ }
+
+ .ant-btn-primary {
+ background-color: #2a3ee9;
+ border-color: #2a3ee9;
+ height: 3.5em;
+ box-shadow: 0px 0px 9px 2px rgba(65, 84, 241, 0.33) !important;
+ border-radius: 0.375em;
+ }
+ .homepage-btn {
+ width: 8.75em;
+ height: 3.5em;
+ font-size: 1em;
+ &:hover {
+ background-color: #4154f1;
+ border-color: #4154f1;
+ }
+ .icon-gengduoicon {
+ margin-left: 0.375em;
+ color: #ffbf2d;
+ font-size: 1em !important;
+ }
+ }
+ .text-center {
+ text-align: center;
+ }
+
+ .homepage-main {
+ width: 1200px;
+ max-width: 96%;
+ margin: -1px auto 0;
+ }
+
+ .homePage-blue-tit {
+ color: #000870;
+ font-size: 2.125em;
+ margin-bottom: 0;
+ }
+
+ .homePage-subhead {
+ font-size: 1em;
+ color: #666;
+ }
+
+ .homePage-white-tit {
+ font-size: 2.25em;
+ font-weight: 500;
+ color: #ffffff;
+ line-height: 3.125em;
+ }
+
+ .homePage-white-subhead {
+ font-size: 1em;
+ font-weight: 400;
+ color: #fff;
+ line-height: 1.6875em;
+ opacity: 0.8;
+ }
+
+ // 首页特定头部样式起
+
+ &.newHeaders {
+ // background-color: #1a2358;
+ background-color: #0037af;
+ }
+ .head-nav {
+ min-width: auto;
+ }
+ .head-nav ul#header-nav li a {
+ font-size: 1em;
+ color: #fff;
+ }
+ .head-nav ul#header-nav li:hover a,
+ .head-nav ul#header-nav li.active a {
+ color: #ffa13a;
+ }
+ .head-nav ul#header-nav li.active a::after {
+ background-color: #ffa13a;
+ }
+
+ .logoDiv img {
+ min-width: 2.8125em;
+ height: 2.8125em;
+ }
+
+ .color-home {
+ color: #fff;
+ }
+
+ .color-home:hover {
+ color: #4154f1;
+ }
+
+ .register-button {
+ height: 3em;
+ margin-left: 1.25em;
+ padding: 0 1.5625em;
+ font-size: 0.875em;
+ }
+ // 首页特定头部样式止
+}
+
+// 波浪样式起
+.waves {
+ position: relative;
+ width: 100%;
+ height: 8vh;
+ bottom: -0.5vh;
+}
+// .waves-low {
+// height: 6vh;
+// }
+.parallax > use {
+ animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
+}
+.parallax > use:nth-child(1) {
+ animation-delay: -2s;
+ animation-duration: 7s;
+}
+.parallax > use:nth-child(2) {
+ animation-delay: -3s;
+ animation-duration: 10s;
+}
+.parallax > use:nth-child(3) {
+ animation-delay: -4s;
+ animation-duration: 13s;
+}
+.parallax > use:nth-child(4) {
+ animation-delay: -5s;
+ animation-duration: 20s;
+}
+@keyframes move-forever {
+ 0% {
+ transform: translate3d(-90px, 0, 0);
+ }
+ 100% {
+ transform: translate3d(85px, 0, 0);
+ }
+} /*Shrinking for mobile*/
+
+@media screen and (max-width: 1000px) {
+ .newContainer .home-first-section {
+ height: auto;
+ margin-top: -5vh;
+ .website-content {
+ height: 60vh;
+ }
+ .grid-picture {
+ background-size: auto 100%;
+ }
+ }
+}
+@media screen and (max-width: 1200px) {
+ .waves {
+ height: 6vh;
+ }
+ .newContainer .home-first-section {
+ .grid-picture {
+ background-size: auto 100%;
+ }
+ }
+ .home-fifth-section .circle-wave {
+ left: 1.5vw;
+ }
+
+ .home-seventh-section {
+ .seventh-main .clients {
+ .start-icon {
+ top: 100px;
+ left: 150px;
+ }
+ .end-icon {
+ bottom: 100px;
+ right: 280px;
+ }
+ }
+ }
+ .home-footer {
+ height: 400px;
+ .arc {
+ margin: -100px -100px 0;
+ height: 200px;
+ border-radius: 50%;
+ }
+ .footer-main {
+ height: 200px;
+ }
+ }
+}
+@media screen and (min-width: 2000px) {
+ .homePage {
+ font-size: 20px;
+ &.newHeaders {
+ height: 4.375em;
+ .head-nav {
+ height: inherit;
+ ul#header-nav {
+ height: inherit;
+ li {
+ height: inherit;
+ font-size: 1em;
+ line-height: 4.375em;
+ a {
+ font-size: 1.1em;
+ }
+ }
+ }
+ }
+ .login-box {
+ font-size: 0.9375em;
+ }
+ }
+ .homepage-main {
+ width: 1600px;
+ }
+ .home-first-section {
+ .website {
+ margin-right: 7%;
+ .website-vision {
+ justify-content: flex-start;
+ span {
+ margin-right: 1.5em;
+ }
+ }
+ }
+ .play-img {
+ width: 50%;
+ height: 600px;
+ .play-circle {
+ right: 21%;
+ }
+ .play-circle-circle1,
+ .play-circle-circle2,
+ .play-circle-circle3,
+ .play-circle-circle4,
+ .play-circle-circle5 {
+ right: 26.1%;
+ }
+ }
+ }
+
+ .home-seventh-section {
+ .clients {
+ .start-icon {
+ top: 100px;
+ left: 380px;
+ }
+ .end-icon {
+ bottom: 130px;
+ right: 480px;
+ }
+ }
+ }
+ .footerbottom {
+ font-size: 16px !important;
+ }
+ }
+}
+
+@media screen and (min-width: 2800px) {
+ .homePage {
+ font-size: 24px;
+ .homepage-main {
+ width: 2000px;
+ }
+ .home-first-section {
+ .website {
+ margin-right: 14%;
+ }
+ .play-img {
+ width: 40%;
+ .play-circle {
+ right: 21%;
+ }
+ .play-circle-circle1,
+ .play-circle-circle2,
+ .play-circle-circle3,
+ .play-circle-circle4,
+ .play-circle-circle5 {
+ right: 26.1%;
+ }
+ }
+ }
+ }
+}
diff --git a/src/military/components/chooseNav/index.jsx b/src/military/components/chooseNav/index.jsx
index 04bc70558..159d97f97 100644
--- a/src/military/components/chooseNav/index.jsx
+++ b/src/military/components/chooseNav/index.jsx
@@ -1,10 +1,10 @@
-import React, { useEffect, useState,memo } from 'react';
+import React, { useEffect, useState, memo } from 'react';
import classNames from 'classnames';
import './index.scss';
export default memo((props) => {
- const { title, options, changeOptionId, type ,size} = props;
- const [option, setOption] = useState({ code: "", dicItemName: "" ,dicItemCode:""});
+ const { title, options, changeOptionId, type, size, defaultOption } = props;
+ const [option, setOption] = useState(defaultOption || { code: "", dicItemName: "", dicItemCode: "" });
useEffect(() => {
changeOptionId(option, type);
@@ -12,13 +12,13 @@ export default memo((props) => {
return (
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/military/components/sortBox/index.jsx b/src/military/components/sortBox/index.jsx
index 4cb0f4f34..f3f3004f0 100644
--- a/src/military/components/sortBox/index.jsx
+++ b/src/military/components/sortBox/index.jsx
@@ -32,7 +32,6 @@ export default memo((props) => {
setMyOptions(myOptions);
}
- console.log('-----options----')
return (
{title}
{ setOption({ dicItemCode: "", dicItemName: "" }) }}>全部
{
options.map((item) => {
- return { setOption(item) }} >{item.dicItemName}
+ return { setOption(item) }} >{item.dicItemName}
})
}
diff --git a/src/military/javaFetch.js b/src/military/javaFetch.js
index 829a50d4e..90e7e9253 100644
--- a/src/military/javaFetch.js
+++ b/src/military/javaFetch.js
@@ -17,7 +17,6 @@ export default function javaFetch(actionUrl){
// request拦截器
service.interceptors.request.use(config => {
if (cookie.load(TokenKey)) {
- console.log(cookie.load(TokenKey));
config.headers['Authorization'] = cookie.load(TokenKey); // 让每个请求携带自定义token 请根据实际情况自行修改
}
if (window.location.port === "3007") {
diff --git a/src/military/task/api.js b/src/military/task/api.js
index 85645e2b8..98313f636 100644
--- a/src/military/task/api.js
+++ b/src/military/task/api.js
@@ -160,6 +160,13 @@ export function deleteTask(id, isDelete) {
});
}
+//推荐
+export function recommendTask(id, recommend) {
+ return fetch({
+ url: '/api/tasks/backend/changeTaskRecommendedStatus/' + id + '?recommend=' + recommend,
+ method: 'PUT',
+ });
+}
//新增成果
export function addPaper(data) {
diff --git a/src/military/task/taskAdmin/index.jsx b/src/military/task/taskAdmin/index.jsx
index 2ca99d8a7..c6dcbb795 100644
--- a/src/military/task/taskAdmin/index.jsx
+++ b/src/military/task/taskAdmin/index.jsx
@@ -4,7 +4,7 @@ import { Input, Select, Button, Form, DatePicker, Table, Pagination, Modal } fro
import { Link } from "react-router-dom";
import { paperCheckStatusArr, publishModeArr, taskStatusAllArr, showUserModeArr, main_web_site_url } from '../static';
-import { getTaskAdminList, changeShowUserMode, deleteTask } from '../api';
+import { getTaskAdminList, changeShowUserMode, deleteTask, recommendTask } from '../api';
import '../index.scss';
import './index.scss';
const format = "YYYY-MM-DD HH:mm:ss";
@@ -29,6 +29,7 @@ export default Form.create()(({ form, showNotification, match, history }) => {
const [publishMode, setPublishMode] = useState('');
const [showUserMode, setShowUserMode] = useState('');
const [isDelete, setIsDelete] = useState('0');
+ const [recommend, setRecommend] = useState('');
const [sort, setSort] = useState('Desc');
const [order, setOrder] = useState('createdAt');
@@ -48,6 +49,7 @@ export default Form.create()(({ form, showNotification, match, history }) => {
pageSize: 10,
orderBy: order + sort,
isDelete,
+ recommend,
};
setLoading(true);
getTaskAdminList(params).then(data => {
@@ -57,7 +59,7 @@ export default Form.create()(({ form, showNotification, match, history }) => {
}
setLoading(false);
})
- }, [statusString, order, sort, publishMode, showUserMode, curPage, searchObj, isDelete, reload]);
+ }, [statusString, order, sort, publishMode, showUserMode, curPage, searchObj, isDelete, reload ,recommend]);
const helper = useCallback(
@@ -205,8 +207,13 @@ export default Form.create()(({ form, showNotification, match, history }) => {
{
- isDelete == '0' ?
- :
+ isDelete == '0' ?
+ :
+ }
+
+ {
+ record.recommend ?
+ :
}
{/* 查看 */}
@@ -216,8 +223,24 @@ export default Form.create()(({ form, showNotification, match, history }) => {
]
}, [isDelete]);
+ function recommendItem(id, recommend) {
+ Modal.confirm({
+ title: "警告",
+ content: recommend == '0' ? "确认撤销该推荐吗 ？撤销后首页中将不再展示该任务" : "确认推荐吗？推荐后，用户可以在首页看到推荐任务中点击量前三的任务！",
+ okText: '确定',
+ cancelText: '取消',
+ onOk() {
+ recommendTask(id, recommend).then(res => {
+ if (res.message === 'success') {
+ showNotification('操作成功!');
+ setReload(Math.random());
+ }
+ });
+ },
+ });
+ }
- function deletItem(id, isDelete) {
+ function deleteItem(id, isDelete) {
Modal.confirm({
title: "警告",
content: isDelete == '0' ? "确认恢复该任务吗？恢复后用户可以重新看到该任务！" : "确认隐藏？隐藏后用户无法看到该任务！",
@@ -261,7 +284,16 @@ export default Form.create()(({ form, showNotification, match, history }) => {
const changeShow = useCallback((isDelete) => {
setIsDelete(isDelete);
setCurPage(1);
- })
+ });
+
+ const changeRecommend = useCallback((recommend) => {
+ if (recommend === 'all') {
+ setRecommend('');
+ } else {
+ setRecommend(recommend);
+ }
+ setCurPage(1);
+ });
function downloadFile() {
window.open(main_web_site_url + '/admin/tasks.xlsx');
@@ -334,6 +366,19 @@ export default Form.create()(({ form, showNotification, match, history }) => {
+
+
+
+
diff --git a/src/modules/404/Shixunnopage.js b/src/modules/404/Shixunnopage.js
index 418932403..5b59b472b 100644
--- a/src/modules/404/Shixunnopage.js
+++ b/src/modules/404/Shixunnopage.js
@@ -11,21 +11,44 @@ import { TPMIndexHOC } from '../tpm/TPMIndexHOC';
import { SnackbarHOC,getImageUrl } from 'educoder';
class http500 extends Component {
+ constructor(props) {
+ super(props);
+ this.state = {
+ isAdmins:true,
+ }
+ }
+
+ UNSAFE_componentWillMount() {
+ if (this.props.history.location.pathname.indexOf('/admins/') > -1) {
+ let nowTime = new Date().getTime();
+ if ((nowTime - (localStorage.reloadTime || 0)) > 2000) {
+ localStorage.setItem('reloadTime', nowTime);
+ window.location.reload();
+ return;
+ }
+ }
+ this.setState({isAdmins:false});
+ }
+
+
render() {
return (
-
+ {
+ this.state.isAdmins?
![]({getImageUrl("images/warn/pic_404.jpg")})
-
+
{isRender === true ?
{
mygetHelmetapi2 && mygetHelmetapi2.nav_logo_url ?
- })
+ })
:
""
}
@@ -762,7 +766,7 @@ class NewHeader extends Component {
{this.props.user && this.props.user.login &&
);
}
diff --git a/src/modules/tpm/css/headerExcess.css b/src/modules/tpm/css/headerExcess.css
index 08ee83771..1dd4b0de7 100644
--- a/src/modules/tpm/css/headerExcess.css
+++ b/src/modules/tpm/css/headerExcess.css
@@ -9,4 +9,7 @@
left:0px;
bottom: 12px;
position: absolute;
-}
\ No newline at end of file
+}
+.login-box{
+ font-size: 15px;
+}
diff --git a/src/modules/tpm/images/hskylogo.png b/src/modules/tpm/images/hskylogo.png
new file mode 100755
index 000000000..39706d1cb
Binary files /dev/null and b/src/modules/tpm/images/hskylogo.png differ
-
+
) : (
![可控开源社区]({getImageUrl("images/educoder/headNavLogo.png?1526520218")})
{
let url = `/users/get_user_info.json`;
axios.get(url).then((response) => {
@@ -162,9 +162,9 @@ export function TPMIndexHOC(WrappedComponent) {
this.setState({
tpmLoading: false
})
- if (this.props.match.path === "/" && response.data.login) {
- this.props.history.push(`/users/${response.data.login}`);
- }
+ // if (this.props.match.path === "/" && response.data.login) {
+ // this.props.history.push(`/users/${response.data.login}`);
+ // }
}
}).catch((error) => {
console.log(error)
@@ -405,13 +405,16 @@ export function TPMIndexHOC(WrappedComponent) {
>
}
-
+
-
{
@@ -780,7 +784,7 @@ class NewHeader extends Component {
- {user === undefined ?
-
- this.educoderlogin()} className="mr5 color-grey-6">登录
+ {user === undefined || user.login === "" ?
+
+ this.educoderlogin()} className={`mr5 ${activeIndex ? 'color-home' : 'color-grey-6'}`}>登录
{
- mygetHelmetapi2 && mygetHelmetapi2.new_course && mygetHelmetapi2.new_course.register_url &&
- 注册
- }
-
- : user.login === "" ?
-
- this.educoderlogin()} className="mr5 color-grey-6">登录
- {
- mygetHelmetapi2 && mygetHelmetapi2.new_course && mygetHelmetapi2.new_course.register_url &&
- 注册
+ mygetHelmetapi2 && mygetHelmetapi2.new_course && mygetHelmetapi2.new_course.register_url && (
+ activeIndex ?
+ :
+ 注册
+ )
}
:
diff --git a/src/modules/tpm/NewHeader_backup.js b/src/modules/tpm/NewHeader_backup.js
index 13c3c2a0d..0081969bd 100644
--- a/src/modules/tpm/NewHeader_backup.js
+++ b/src/modules/tpm/NewHeader_backup.js
@@ -772,14 +772,14 @@ class NewHeader extends Component {
mygetHelmetapi2.nav_logo_url &&
mygetHelmetapi2.nav_logo_url ? (
{user && user.login &&
-
+
@@ -814,20 +818,15 @@ class NewHeader extends Component {
{
let url = `/users/get_user_info.json`;
axios.get(url).then((response) => {
@@ -162,9 +162,9 @@ export function TPMIndexHOC(WrappedComponent) {
this.setState({
tpmLoading: false
})
- if (this.props.match.path === "/" && response.data.login) {
- this.props.history.push(`/users/${response.data.login}`);
- }
+ // if (this.props.match.path === "/" && response.data.login) {
+ // this.props.history.push(`/users/${response.data.login}`);
+ // }
}
}).catch((error) => {
console.log(error)
@@ -405,13 +405,16 @@ export function TPMIndexHOC(WrappedComponent) {
>
}
-
+