+
+
+
+
+
多维度用户画像
+
实时采集和分析平台中的各类开源资源数
据，搭建多维度用户画像评估系统；
+
+
+
+
-
-
-
-
-
-
-
-
-
-
提供开发活动统计、贡献度日历、用户能力建模、角色与专业定位分析等功能。
-
让您在个人主页展示开发动态与创新能力！
+
+
+
+
+
+
提供开发活动统计、贡献度日历、用户能力建模、角色与专业定位分析等功能。
+
让您在个人主页展示开发动态与创新能力！
+
diff --git a/src/home/ThirdEdition.jsx b/src/home/ThirdEdition.jsx
index afb1e41a..395697d1 100644
--- a/src/home/ThirdEdition.jsx
+++ b/src/home/ThirdEdition.jsx
@@ -1,4 +1,4 @@
-import React,{ useState , useEffect } from 'react';
+import React,{ useState , useEffect , useMemo } from 'react';
import T311 from './Img/3-1-1.png';
import T312 from './Img/3-1-2.png';
import T321 from './Img/3-2-1.png';
@@ -14,74 +14,162 @@ import bg34 from './Img/3-4.png';
import './Index.scss';
-function ThirdEdition(params) {
+const list1 = [
+ {name:"CCF开源发展委员会首批执行委员名单发布",src:"https://forum.trustie.net/forums/4666/detail",count:32,time:"2021-09-22"},
+ {name:"Gitlink项目协同开发模块使用说明及问题反馈",src:"https://forum.trustie.net/forums/4665/detail",count:4,time:"2021-09-22"},
+ {name:"MindSpore框架介绍及赛题说明",src:"https://forum.trustie.net/forums/4664/detail",count:3,time:"2021-09-22"},
+ {name:"OpenHarmony系统介绍及赛题说明",src:"https://forum.trustie.net/forums/4663/detail",count:4,time:"2021-09-22"},
+ {name:"openGauss系统介绍及赛题说明",src:"https://forum.trustie.net/forums/4662/detail",count:5,time:"2021-09-22"},
+]
+const list2 = [
+ {name:"Gitlink/Gitlink",src:"https://forgeplus.trustie.net/Gitlink/forgeplus",count:304},
+ {name:"泛在操作系统实验室/矽璓工业物联操作系统XiUOS",src:"https://forgeplus.trustie.net/xuos/xiuos",count:50},
+ {name:"华为技术有限公司/openGauss-operator",src:"https://forgeplus.trustie.net/Huawei_Technology/openGauss-operator",count:100},
+ {name:"开放原子开源基金会/BitXHub",src:"https://forgeplus.trustie.net/openatom_foundation/bitxhub",count:40},
+ {name:"华为技术有限公司/openEuler-datenlord",src:"https://forgeplus.trustie.net/Huawei_Technology/openEuler-datenlord",count:98},
+]
+const list3 = [
+ {name:"Gitlink平台DevOps模块使用说明",src:"https://forum.trustie.net/forums/4682/detail",count:10,time:"2021-09-23"},
+ {name:"Gitlink如何将临时分支push到远端对应的新分支？",src:"https://forum.trustie.net/forums/4705/detail",count:8,time:"2021-09-23"},
+ {name:"了解什么是 DevOps？",src:"https://forum.trustie.net/forums/4704/detail",count:4,time:"2021-09-23"},
+ {name:"EduCoder平台简介",src:"https://forum.trustie.net/forums/4701/detail",count:26,time:"2021-09-23"},
+ {name:"Webhooks指南",src:"https://forum.trustie.net/forums/4683/detail",count:3,time:"2021-09-23"},
+]
+const list4 = [
+ {name:"小学生都能读懂的网络协议之:WebSocket",src:"https://forum.trustie.net/forums/4708/detail",count:4,time:"2021-09-23"},
+ {name:"容器神话 Docker 是如何一分为二的",src:"https://forum.trustie.net/forums/4707/detail",count:5,time:"2021-09-23"},
+ {name:"一文揭示，DevOps与企业数字化究竟有何联系？",src:"https://forum.trustie.net/forums/4706/detail",count:3,time:"2021-09-23"},
+ {name:"GitHub上最流行的10000个Java都使用了哪些库？",src:"https://forum.trustie.net/forums/4703/detail",count:8,time:"2021-09-23"},
+ {name:"如何正确下载CentOS各个版本镜像",src:"https://forum.trustie.net/forums/4684/detail",count:2,time:"2021-09-23"},
+]
+
+function ThirdEdition() {
const [ active , setActive ] = useState(1);
+ const [ flag , setFlag ] = useState(true);
+
+ const doubleFlag = useMemo(()=>{
+ return flag;
+ },[flag])
+
+ useEffect(()=>{
+ let box = document.getElementById('thirdUl');
+ var myTimer = setTimeout(intervalActive, 2500);
+ box.onmouseover = () => {
+ clearTimeout(myTimer);
+ setFlag(false);
+ }
+ box.onmouseleave = () => {
+ myTimer = setTimeout(intervalActive, 2500);
+ setFlag(true);
+ }
+ },[active,flag])
+
+ function intervalActive() {
+ if(doubleFlag){
+ if(active < 4){
+ let i = active + 1;
+ setActive(i);
+ }else{
+ setActive(1);
+ }
+ }
+ }
return(
开发者的家园
一个实现100%开源，产学研联合面向软件创新的开源社区
-
- - setActive(1)}>
-
-
-
-
- - setActive(2)}>
-
-
-
-
- - setActive(3)}>
-
-
-
-
- - setActive(4)}>
-
-
-
-
-
-
+
+
+ - {setFlag(false);setActive(1)}}>
+
+
+
+
+ - {setFlag(false);setActive(2)}}>
+
+
+
+
+ - {setFlag(false);setActive(3)}}>
+
+
+
+
+ - {setFlag(false);setActive(4)}}>
+
+
+
+
+
+
-
Gitlink分享最新平台资讯、社区活动通知、开源竞赛信息，把握开源生态发展脉搏
-
- 第四届中国软件开源创新大赛——Gitlink赛道
- 4561
- 2021-08-26
-
-
- 第四届中国软件开源创新大赛——Gitlink赛道
- 4561
- 2021-08-26
-
-
- 第四届中国软件开源创新大赛——Gitlink赛道
- 4561
- 2021-08-26
-
-
- 第四届中国软件开源创新大赛——Gitlink赛道
- 4561
- 2021-08-26
-
-
- 第四届中国软件开源创新大赛——Gitlink赛道
- 4561
- 2021-08-26
-
+
+ {active === 1 ? "Gitlink分享最新平台资讯、社区活动通知、开源竞赛信息，把握开源生态发展脉搏"
+ : active===2 ? "Gitlink汇聚精英企业仓库、前沿技术仓库、人气热门仓库，孵化优质开源创新成果"
+ :active===3 ? "Gitlink集萃社区精选项目介绍、平台使用技巧等优秀文章，助力开源开放协同创新"
+ :"Gitlink甄选技术研究、心得体会、经验交流等高质量内容，推动社区健康稳定发展"}
+
+ {
+ active === 1&&
+ list1.map((i,k)=>{
+ return(
+
+ {i.name}
+ {i.count}
+ {i.time}
+
+ )
+ })
+ }
+ {
+ active === 2&&
+ list2.map((i,k)=>{
+ return(
+
+ {i.name}
+ {i.count}
+ {/* {i.time} */}
+
+ )
+ })
+ }
+ {
+ active === 3&&
+ list3.map((i,k)=>{
+ return(
+
+ {i.name}
+ {i.count}
+ {i.time}
+
+ )
+ })
+ }
+ {
+ active === 4&&
+ list4.map((i,k)=>{
+ return(
+
+ {i.name}
+ {i.count}
+ {i.time}
+
+ )
+ })
+ }
+
)
}
diff --git a/src/home/TopEdition.jsx b/src/home/TopEdition.jsx
index cbac8d49..387d63ce 100644
--- a/src/home/TopEdition.jsx
+++ b/src/home/TopEdition.jsx
@@ -1,17 +1,29 @@
import React from 'react';
-import { Carousel } from 'antd';
-
-function TopEdition() {
+import Slider from 'react-slick';
+let setting={
+ dots:true,
+ infinite: true,
+ speed: 1000,
+ slidesToShow: 1,
+ slidesToScroll: 1,
+ pauseOnDotsHover:true,
+ pauseOnFocus:true,
+ autoplay:true,
+ arrows:true,
+ prevArrow:
,
+ nextArrow:
+}
+function TopEdition({register}) {
return(
-
+
-
+
)
}
export default TopEdition;
\ No newline at end of file
diff --git a/src/home/code.scss b/src/home/code.scss
index 2cb99181..57badcc7 100644
--- a/src/home/code.scss
+++ b/src/home/code.scss
@@ -6,22 +6,14 @@
flex: 1;
margin-top: 60px;
position: relative;
- &.activeCode{
- &>img.activeImg{
- right: 0px;
- bottom: -20px;
- opacity: 1;
- width: 705px;
- }
- }
&>img{
position: absolute;
right: -50px;
bottom: -50px;
- transition: 1s;
width: 805px;
- opacity: 0;
border-radius: 4px;
+ opacity: 0;
+ z-index: 1;
}
li{
display: flex;
@@ -30,29 +22,52 @@
font-weight: 500;
line-height: 30px;
color: #E1E1E1;
- pre {
- font-family: ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;
- .codenum{
- display: inline-block;
- width: 15px;
- text-align: left;
- margin-right: 15px;
- }
- .code-green{
- color: #00FA30;
- }
- .code-red{
- color: #FF5058;
- }
- .code-blue{
- color: #05CFC8;
- }
- }
}
}
-.activeCode .word-item {
+pre {
+ font-family: ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;
+ word-break: break-all;
+ overflow: initial ;
+ .codenum{
+ display: inline-block;
+ width: 15px;
+ text-align: left;
+ margin-right: 15px;
+ }
+ .code-green{
+ color: #00FA30;
+ }
+ .code-red{
+ color: #FF5058;
+ }
+ .code-blue{
+ color: #05CFC8;
+ }
+}
+.highCodes{
+ position: absolute;
+ top:0px;
+ right:0px;
+ width: 50%;
+ height: 100%;
+ padding:40px 30px;
+ color: #E1E1E1;
+}
+.activeCode{
+ .word-item{
+ animation: show .2s 1 forwards;
+ }
+ &>img.activeImg{
+ right: 0px;
+ bottom: -20px;
+ opacity: 1;
+ width: 705px;
+ transition: 1s;
+ transition-delay: 3s;
+ }
+}
+.word-item {
opacity: 0;
- animation: show .3s 1 forwards;
}
@keyframes show {
from {
@@ -61,4 +76,4 @@
to {
opacity: 1;
}
-}
\ No newline at end of file
+}
diff --git a/src/modules/login/LoginDialog.css b/src/modules/login/LoginDialog.css
index 833a17e3..409832b6 100644
--- a/src/modules/login/LoginDialog.css
+++ b/src/modules/login/LoginDialog.css
@@ -157,5 +157,5 @@
}
.MuiModal-root-15 {
- z-index: 1000 !important;
+ z-index: 10001 !important;
}
diff --git a/src/modules/tpm/TPMIndexHOC.js b/src/modules/tpm/TPMIndexHOC.js
index b9215568..bf64e69b 100644
--- a/src/modules/tpm/TPMIndexHOC.js
+++ b/src/modules/tpm/TPMIndexHOC.js
@@ -149,6 +149,11 @@ export function TPMIndexHOC(WrappedComponent) {
}
fetchUsers = () => {
+ if (this.props.match.path === "/") {
+ this.setState({
+ publicNav:false
+ })
+ }
let url = `/users/get_user_info.json`;
axios.get(url).then((response) => {
if (response && response.data) {
@@ -157,9 +162,6 @@ export function TPMIndexHOC(WrappedComponent) {
tpmLoading: false,
completeProfile:response.data.profile_completed
})
- if (this.props.match.path === "/" && response.data.login) {
- this.props.history.push(`/${response.data.login}`);
- }
if(response.data && response.data.login){
if(response.data.need_edit_info){
this.setState({
@@ -216,7 +218,7 @@ export function TPMIndexHOC(WrappedComponent) {
render() {
- let { isRender , current_user , giteaVisible , email , completeProfile , showCP } = this.state;
+ let { isRender , current_user , giteaVisible , email , completeProfile , showCP , publicNav } = this.state;
const common = {
showLoginDialog: this.showLoginDialog,
checkIfLogin: this.checkIfLogin,
@@ -236,12 +238,12 @@ export function TPMIndexHOC(WrappedComponent) {
{...this.props}
{...this.state}
/> : ""}
-
+ { publicNav &&
}
-
+ { publicNav &&
}
{
current_user &&
this.initCommonState(user)}
@@ -250,7 +252,7 @@ export function TPMIndexHOC(WrappedComponent) {
}
-
+ { publicNav &&
}
);
}