-
+
diff --git a/src/forge/Head/header.scss b/src/forge/Head/header.scss
new file mode 100644
index 00000000..d5f4d571
--- /dev/null
+++ b/src/forge/Head/header.scss
@@ -0,0 +1,367 @@
+
+.dropdownFlex{
+ display:flex;
+ background:#fff;
+ border-radius: 3px;
+ .ant-menu-vertical > .ant-menu-item{
+ border:none;
+ height: 35px;
+ line-height: 35px;
+ margin:0px;
+ &.ant-menu-item-selected{
+ background-color: #fff;
+ a{color: rgba(0, 0, 0, 0.65)!important;}
+ }
+ &.ant-menu-item-active{
+ a{color: #4cacff!important;}
+ }
+ }
+ .ant-menu-vertical{
+ border:none;
+ }
+}
+.currentImg{
+ width: 34px;
+ height: 34px;
+ border-radius: 50%;
+ margin-left: 15px;
+}
+
+.currentMenu{
+ width: 120px;
+ text-align: center;
+ padding:0px;
+ .currentName{
+ padding:0px 8px;
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ display: block;
+ }
+ li{
+ height: 40px;
+ line-height: 40px;
+ padding:0px!important;
+ cursor: default;
+ &:hover{
+ background-color: #fff;
+ }
+ &:first-child{
+ border-bottom: 1px solid #eee;
+ }
+ &:last-child{
+ border-top: 1px solid #eee;
+ a{
+ border-radius: 0px 0px 4px 4px;
+ }
+ }
+ a{
+ padding:0px;
+ margin:0px;
+ display: block;
+ color: #666;
+ &:hover{
+ color: #fff;
+ background: #4CACFF;
+ }
+ }
+ }
+}
+
+.newFooter {
+ // position: absolute;
+ bottom: 0;
+ width: 100%;
+ background: #323232;
+ clear: both;
+ min-width: 1200px;
+ z-index: 8;
+ left: 0px;
+ padding-bottom: 15px;
+ p {
+ margin-top: 0;
+ margin-bottom:0px !important;
+ }
+ .footerInfos{
+ display: flex;
+ max-width: 1200px;
+ margin:0px auto;
+ justify-content: space-around;
+ padding:60px 0px;
+ & >ul{
+ padding:0px 40px;
+ box-sizing: border-box;
+ max-width: 25%;
+ text-align: left;
+ li{
+ color: #fff;
+ font-weight: 300;
+ &:first-child{
+ font-size: 17px;
+ }
+ &>a,&>span{
+ color: #bbb;
+ }
+ &>a:hover{
+ color: #4cacff;
+ }
+ }
+ }
+ }
+ .footerCopy{
+ color: #bbb;
+ border-top: 1px solid #4e4e4e;
+ padding:10px 0px;
+ a{
+ color: #bbb;
+ &:hover{
+ color: #4cacff;
+ }
+ }
+ }
+}
+.inviteForm{
+ .ant-form-item{
+ margin-right: 0px;
+ }
+ .ant-form-item-label{
+ width: 110px;
+ text-align: right;
+ }
+ .ant-form-explain{
+ position: absolute;
+ }
+}
+
+// 右上角小铃铛单独样式
+.notice-popover{
+ z-index: 1000001;
+ //popover小尖尖
+ .ant-popover-arrow{
+ display: none;
+ }
+
+ //popover框
+ .ant-popover-inner-content {
+ width: 386px;
+ height: 446px;
+ box-shadow: 0px 4px 8px 2px rgba(212, 212, 212, 0.5);
+ border-radius: 4px;
+ margin-top: -10px;
+ padding: 12px 1px 12px 0;
+ }
+}
+
+.messageHoverDiv .ant-menu-item{
+ margin-right: 24px !important;
+}
+
+.hoverNotice-head{
+ margin-left: 18px;
+
+ & .ant-badge{
+ font-size: 14px !important;
+ }
+
+ &>.ant-menu-horizontal {
+ border-bottom: 1px solid #e8e8e8 !important;
+ }
+}
+
+.hoverNotice-body{
+ height: 342px;
+ overflow-y: scroll;
+
+ & b{
+ font-weight: 400;
+ text-shadow: 0.5px 0 0 #333;
+ }
+
+ .none_panels{
+ height: 100%;
+ }
+}
+
+.message-icon{
+ position: relative;
+ .ant-scroll-number{
+ // right:12px;
+ padding: 0 0px;
+ }
+}
+
+
+
+.hoverNotice-buttom{
+ display: flex;
+ justify-content: space-between;
+ padding: 12px 18px;
+ a{
+ color: #466AFF;
+ &:hover{
+ opacity:0.85;
+ }
+ }
+}
+
+.noticeCont-back{
+ .pointer{
+ cursor: pointer;
+ }
+ &:hover{
+ background: #F3F4F6;
+ }
+}
+
+.noticeCont{
+ display: flex;
+ margin: 0 16px 0 18px;
+ padding: 12px 0 10px 0;
+ line-height: 24px;
+ border-bottom: 1px solid #EEEEEE;
+ cursor: default;
+ i{
+ font-size: 14px !important;
+ margin-right: 6px;
+ color: #333333;
+ }
+
+ .boldSpan{
+ font-weight: 400;
+ text-shadow: 0.5px 0 0 #333;
+ }
+
+ .noticeCont-text{
+ display: flex;
+ color:#333333;
+ flex:auto;
+ justify-content: space-between;
+
+ & .content-span{
+ word-break: break-all;
+ text-overflow: ellipsis;
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ -webkit-line-clamp: 2;
+ overflow: hidden;
+ }
+
+ & .atme-cont-span{
+ width: 272px;
+ }
+
+ & .notice-cont-span{
+ width: 255px;
+ }
+
+ .timeSpan{
+ font-size: 12px;
+ color: #666666;
+ }
+
+ .at-name{
+ margin-right: 12px;
+ }
+ }
+}
+
+.text-center{
+ text-align: center;
+}
+
+.footEdition{
+ background-color: #171B23;
+ .footContent{
+ display: flex;
+ align-items: flex-start;
+ padding:86px 0px;
+ justify-content: space-around;
+ width: 1200px;
+ margin:0px auto;
+ ul{
+ min-width: 120px;
+ text-align: left;
+ margin-right: 80px;
+ &.center{
+ text-align: center;
+ }
+ &>p{
+ height: 22px;
+ font-size: 16px;
+ font-weight: 400;
+ color: #FFFFFF;
+ line-height: 22px;
+ }
+ &>img{
+ width: 100px;
+ height: 100%;
+ margin-bottom: 30px;
+ margin-top: 25px;
+ border-radius: 10px;
+ }
+ li{
+ height: 20px;
+ font-size: 14px;
+ font-weight: 400;
+ line-height: 20px;
+ color: #BDC2D1;
+ margin-bottom: 15px!important;
+ a{
+ color: #BDC2D1!important;
+ &:hover{
+ text-decoration: underline;
+ }
+ }
+ &.thehead{
+ height: 25px;
+ font-size: 18px;
+ font-weight: 600;
+ color: #FFFFFF;
+ line-height: 25px;
+ margin-bottom: 20px!important;
+ }
+ }
+ .theline{
+ .imgCon{
+ width: 90px;
+ height: 90px;
+ padding:5px;
+ border-radius: 4px;
+ background-color: #fff;
+ img{
+ width: 100%;
+ border-radius: 3px;
+ }
+ }
+ }
+ }
+ }
+}
+.copyrightDesc{
+ font-size: 12px;
+ font-weight: 400;
+ color: #BDC2D1;
+ line-height: 28px;
+ padding:15px 0px;
+ text-align: center;
+ background-color: #1B212C;
+ a{
+ color: #BDC2D1!important;
+ }
+}
+.regBtn{
+ height: 40px;
+ background: #466AFF;
+ border-radius: 2px;
+ display: inline-block;
+ padding:0px 18px;
+ margin-left: 20px;
+ font-size: 14px;
+ font-weight: 400;
+ color: #FFFFFF!important;
+ line-height: 40px;
+ &:hover{
+ color: #FFFFFF!important;
+ background-color: #355CFF;
+ }
+}
\ No newline at end of file
diff --git a/src/forge/Upload/attachment.js b/src/forge/Upload/attachment.js
index 9918363d..3e74cec7 100644
--- a/src/forge/Upload/attachment.js
+++ b/src/forge/Upload/attachment.js
@@ -50,10 +50,14 @@ class Attachment extends Component {
if (result) {
this.setState({
show_video: status === "preview",
+ // video_url:
+ // status === "preview"
+ // ? "https://forgeplus.trustie.net" + result.data.url
+ // : undefined,
video_url:
- status === "preview"
- ? "https://forgeplus.trustie.net" + result.data.url
- : undefined,
+ status === "preview"
+ ? result.data.url
+ : undefined,
move_spin: false,
});
} else {
diff --git a/src/home/FifthSection/index.jsx b/src/home/FifthSection/index.jsx
new file mode 100644
index 00000000..64eed1a0
--- /dev/null
+++ b/src/home/FifthSection/index.jsx
@@ -0,0 +1,224 @@
+import React, { memo, useState, useEffect } from 'react';
+import { Collapse, Button } from 'antd';
+import moment from 'moment';
+import Line from '../Line';
+import { getTaskCategory, getTaskList } from '../../military/task/api';
+import { taskModeIdArr } from '../../military/task/static';
+
+import './index.scss';
+const { Panel } = Collapse;
+
+const taskModeNameArr = [];
+for (const item of taskModeIdArr) {
+ taskModeNameArr[item.dicItemCode] = item.dicItemName;
+}
+
+
+let taskArrMock = [
+ {
+ id: 447,
+ name: "研发配置要求为包含网络化协同控制仿真验证与多样化目标识别仿真验证模块的1套软件和1份测试报告。",
+ taskModeId: 1, //悬赏模式
+ bounty: 1.0, //赏金
+ description: "统筹管理员能看到不？
", //详情 + 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 00000000..f52d53b9
--- /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 00000000..511ba73c
--- /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 00000000..9fdf2665
--- /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 00000000..8e36ad9f
--- /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 00000000..c7e066d4
--- /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 00000000..df9e83eb
--- /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 00000000..10a70068 --- /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 00000000..01576084 --- /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&&list.map((item, i) => {
+ return (
+
+
+
+
+ )
+ })
+ }
+
+ {i + 1}
+
+ { goDetail(item.fake_id) }}>{item.title}
+ {item.tag} +{item.content}
+ {item.created_time && item.created_time.split(' ')[0]} +
+
+ {
+ list&& 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 00000000..e13901bb
--- /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 00000000..838fa01e
--- /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&& 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 00000000..b69873d5
--- /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 00000000..9109039e
--- /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 00000000..e54fad12
--- /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 00000000..bcae1fea
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 00000000..94439d6e
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 00000000..7c1fae8e
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 00000000..fde3fec9
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 00000000..0b3d2f5f
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 00000000..2609442d
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 00000000..398a2c59
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 00000000..8cada7b9
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 00000000..ad60b820
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 00000000..e3d47407
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 00000000..76b85af9
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 00000000..8c081236
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 00000000..1f6f4974
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 00000000..67acac25
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 00000000..b3f8178f
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 00000000..91bdf1ae
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 00000000..b34b2a27
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 00000000..48a23551
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 00000000..3ed37450
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 00000000..45792b5a
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 00000000..8bd8f643
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 00000000..b7fc035c
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 00000000..d5ea03ca
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 00000000..51ceda87
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 00000000..c76a3399
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 00000000..6a445d17
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 00000000..ec5a09fb
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 00000000..f187c5e2
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 00000000..4fbc337d
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 00000000..7c5cfe92
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 00000000..7e58e2ef
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 00000000..d1394a67
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 00000000..1a35411b
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 00000000..67f2d01c
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 00000000..ba45f598
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 00000000..3860c458
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 00000000..769b9835
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 00000000..aaaf1357
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 00000000..ecbd4070
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 00000000..8d8804f5
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 00000000..2e2068fe
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 00000000..24f8c591
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 00000000..53748c9f
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 00000000..b7bde5fc
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 00000000..4675007c
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 00000000..568b3df4
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 00000000..96b5c425
--- /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 00000000..e806fa72
--- /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/Upload.jsx b/src/military/components/Upload.jsx
index 71a94c32..e1ab4cd0 100644
--- a/src/military/components/Upload.jsx
+++ b/src/military/components/Upload.jsx
@@ -1,7 +1,7 @@
import React, { useEffect, useState } from "react";
import { Upload, Button } from 'antd';
import { appendFileSizeToUploadFileAll } from 'educoder';
-import { httpUrl } from '../fetch';
+import { httpUrl } from '../task/fetch';
function Uploads({ className, size, actionUrl, fileList, showNotification, load }) {
const [files, setFiles] = useState(undefined);
diff --git a/src/military/components/chooseNav/index.jsx b/src/military/components/chooseNav/index.jsx
index 04bc7055..159d97f9 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/config.js b/src/military/components/config.js
index 996a2528..320dd15f 100644
--- a/src/military/components/config.js
+++ b/src/military/components/config.js
@@ -1,4 +1,4 @@
-import { httpUrl } from '../fetch';
+import { httpUrl } from '../task/fetch';
export const editorConfig = {
placeholder: '请输入',
diff --git a/src/military/components/paginationTable/index.jsx b/src/military/components/paginationTable/index.jsx
new file mode 100644
index 00000000..09290fab
--- /dev/null
+++ b/src/military/components/paginationTable/index.jsx
@@ -0,0 +1,37 @@
+import React, { Fragment } from 'react';
+import { Table, Pagination } from 'antd';
+import './index.scss';
+
+export default (props) => {
+ const {className, loading, dataSource, columns, handleRow, total, setCurPage, current, rowSelection, expandedRowRender, expandIconColumnIndex, expandIconAsCell, onShowSizeChange, showSizeChanger, pagination, scroll,pageSize } = props;
+console.log(total);
+ return (
+
{title}
{ setOption({ dicItemCode: "", dicItemName: "" }) }}>全部
{
options.map((item) => {
- return { setOption(item) }} >{item.dicItemName}
+ return { setOption(item) }} >{item.dicItemName}
})
}
+ row.id || i}
+ dataSource={dataSource}
+ columns={columns}
+ pagination={false}
+ onRow={handleRow}
+ rowSelection={rowSelection}
+ expandedRowRender={expandedRowRender}
+ expandIconColumnIndex={expandIconColumnIndex}
+ expandIconAsCell={expandIconAsCell}
+ scroll={scroll}
+ />
+ {total > 10 && (!pagination) &&
+
|
+ {editable ? (
+ |
+ );
+ }
+}
+
+class EditableTable extends React.Component {
+ constructor(props) {
+ super(props);
+ this.columns = [
+ {
+ title: '姓名',
+ dataIndex: 'real_name',
+ editable: true,
+ width: "40%"
+ },
+ {
+ title: '单位',
+ dataIndex: 'org_name',
+ editable: true,
+ width: '50%',
+ },
+ {
+ title: '操作',
+ dataIndex: 'operation',
+ width: '10%',
+ render: (text, record) =>
+ this.state.dataSource.length >= 1 ? (
+