diff --git a/src/App.js b/src/App.js index 7c126c595..0e413b26c 100644 --- a/src/App.js +++ b/src/App.js @@ -113,6 +113,12 @@ const Teaching = Loadable({ loader : () => import("./forge/TeachingPractice/Teaching"), loading: Loading, }) + +const Glcc = Loadable({ + loader : () => import("./glcc"), + loading: Loading, +}) + // const CreateMerge = Loadable({ // loader: () => import('./forge/Merge/NewMerge'), // loading: Loading, @@ -377,6 +383,12 @@ class App extends Component { render={(props) => } > + {/*glcc */} + } + > + {/* 组织 */} +

奖金与奖励

+
+ + ) +} +export default Award; \ No newline at end of file diff --git a/src/glcc/home/award/index.scss b/src/glcc/home/award/index.scss new file mode 100644 index 000000000..f9dda3610 --- /dev/null +++ b/src/glcc/home/award/index.scss @@ -0,0 +1,3 @@ +.award{ + +} \ No newline at end of file diff --git a/src/glcc/home/banner/index.jsx b/src/glcc/home/banner/index.jsx new file mode 100644 index 000000000..baa9d84e5 --- /dev/null +++ b/src/glcc/home/banner/index.jsx @@ -0,0 +1,70 @@ +import React , { useEffect , useState } from 'react'; +import Slider from 'react-slick'; +import axios from 'axios'; +import { getImageUrl } from 'educoder'; +import './index.scss'; +// import Left from './Img/left.png'; +// import Right from './Img/right.png'; + + +let setting={ + dots:true, + infinite: true, + speed: 2000, + slidesToShow: 1, + slidesToScroll: 1, + pauseOnDotsHover:true, + autoplaySpeed:5000, + pauseOnFocus:true, + autoplay:true, + arrows:true, + className:'glcc-banner' +// prevArrow:, +// nextArrow: +} +function Banner({register,current_user}) { + + const [ bannerList , setBannerList ] = useState(undefined); + + useEffect(()=>{ + getBanner(); + },[]) + + function getBanner() { + const url = `/topics.json?topic_type=banner`; + axios.get(url,{ + params:{ + limit:4 + } + }).then(result=>{ + if(result){ + setBannerList(result.data.topics); + } + }).catch(error=>{}) + } + return( + + { + bannerList && bannerList.length > 0 ? + bannerList.map((i,k)=>{ + return( +
+ {/* style={{backgroundImage:`url(${getImageUrl(i.image)})`}} */} +
+ + { + k +1 === bannerList.length && (!(current_user && current_user.login)) ? +

立即注册

+ :"" + } +
+
+ ) + }) + : + "" + } + + ) +} +export default Banner; \ No newline at end of file diff --git a/src/glcc/home/banner/index.scss b/src/glcc/home/banner/index.scss new file mode 100644 index 000000000..8500e95f6 --- /dev/null +++ b/src/glcc/home/banner/index.scss @@ -0,0 +1,174 @@ +.glcc { + .glcc-banner { + position: relative; + background-image: linear-gradient(to right, #081843, #000a1d); + margin-bottom: 159px; + } + .slick-track { + height: 679px; + display: flex; + .slick-slide { + position: relative; + height: 100%; + div { + height: 100%; + .regform { + & > div { + overflow: hidden; + img { + height: 100%; + width: 1920px; + position: relative; + left: 50%; + margin-left: -960px; + } + } + } + .regPrg { + position: absolute; + z-index: 2; + width: 1200px; + left: 50%; + margin-left: -600px; + top: 54%; + margin-top: -23px; + a { + color: #fff !important; + display: inline-block; + background-color: #466aff; + border-radius: 5px; + height: 46px; + line-height: 46px; + width: 98px; + text-align: center; + font-size: 18px; + letter-spacing: 2px; + &:hover { + color: #ffffff !important; + background-color: #355cff; + } + } + } + } + + // img{ + // position: absolute; + // width: 100%; + // height: 100%; + // top:0px; + // left: 0px; + // z-index: 1; + // } + } + } + .slick-slider { + min-width: 1200px; + position: relative; + &:hover { + .slick-arrow { + display: block !important; + cursor: pointer; + z-index: 2; + } + } + .slick-arrow { + position: absolute; + top: 50%; + z-index: 1000; + background: transparent; + border: none; + margin-top: -50px; + display: none !important; + &:hover { + i { + color: rgba(225, 225, 225, 0.8); + } + } + i { + font-size: 50px !important; + color: rgba(225, 225, 225, 0.3); + transition: 0.3s; + } + &.slick-prev { + left: 50px; + } + &.slick-next { + right: 50px; + } + } + .slick-dots { + width: 1200px; + text-align: left; + left: 50%; + margin-left: -600px; + bottom: 25%; + position: absolute; + display: flex !important; + z-index: 2; + li { + background-color: rgba(225, 225, 225, 0.5); + position: relative; + height: 3px; + width: 46px; + margin-right: 15px; + &::after { + position: absolute; + left: 0px; + width: 0px; + top: 0px; + height: 100%; + content: ""; + transition: 5.2s; + transition-property: width; + } + &.slick-active::after { + background-color: #fff; + width: 100%; + } + button { + position: absolute; + width: 100%; + height: 10px; + left: 0px; + background-color: transparent !important; + border: none; + cursor: pointer; + color: transparent; + } + } + } + } + .topEditionUl { + position: absolute; + width: 1244px; + // background-image: url('./Img/top-bg.png'); + height: 244px; + bottom: -139px; + left: 50%; + margin-left: -622px; + display: flex; + align-items: center; + justify-content: center; + z-index: 3; + a { + // background-image: url('./Img/top-2.png'); + height: 139px; + width: 353px; + padding: 15px 24px; + color: #fff; + margin: 0px 17px; + border-radius: 11px; + background-size: 100% 100%; + color: #fff !important; + &:hover { + box-shadow: 0px 2px 7px rgba(225, 225, 225, 0.85); + } + // &:first-child{ + // background-image: url('./Img/top-1.png'); + // } + // &:last-child{ + // background-image: url('./Img/top-3.png'); + // } + } + } +} diff --git a/src/glcc/home/contact/index.jsx b/src/glcc/home/contact/index.jsx new file mode 100644 index 000000000..0710704f6 --- /dev/null +++ b/src/glcc/home/contact/index.jsx @@ -0,0 +1,14 @@ +import React from 'react'; +import './index.scss'; + + +function Contact() { + + return( +
+

新闻中心

+
+
+ ) +} +export default Contact; \ No newline at end of file diff --git a/src/glcc/home/contact/index.scss b/src/glcc/home/contact/index.scss new file mode 100644 index 000000000..b97f9fa4e --- /dev/null +++ b/src/glcc/home/contact/index.scss @@ -0,0 +1,3 @@ +.contact{ + +} \ No newline at end of file diff --git a/src/glcc/home/index.jsx b/src/glcc/home/index.jsx new file mode 100644 index 000000000..19651fb4f --- /dev/null +++ b/src/glcc/home/index.jsx @@ -0,0 +1,23 @@ +import React from "react"; +import Banner from "./banner"; +import Lightspot from './lightspot'; +import TimerShaft from './timerShaft'; +import Award from "./award"; +import News from './news'; +import Partner from "./partner"; + +import './index.scss'; + +export default ()=>{ + + return ( +
+ + + + + + +
+ ) +} \ No newline at end of file diff --git a/src/glcc/home/index.scss b/src/glcc/home/index.scss new file mode 100644 index 000000000..a699f1804 --- /dev/null +++ b/src/glcc/home/index.scss @@ -0,0 +1,5 @@ +.glcc{ + .glcc-tit{ + text-align: center; + } +} \ No newline at end of file diff --git a/src/glcc/home/lightspot/index.jsx b/src/glcc/home/lightspot/index.jsx new file mode 100644 index 000000000..8b3b1b1a4 --- /dev/null +++ b/src/glcc/home/lightspot/index.jsx @@ -0,0 +1,14 @@ +import React from 'react'; +import './index.scss'; + + +function Lightspot() { + + return( +
+

活动亮点

+
+
+ ) +} +export default Lightspot; \ No newline at end of file diff --git a/src/glcc/home/lightspot/index.scss b/src/glcc/home/lightspot/index.scss new file mode 100644 index 000000000..3092b88f5 --- /dev/null +++ b/src/glcc/home/lightspot/index.scss @@ -0,0 +1,3 @@ +.lightspot{ + +} \ No newline at end of file diff --git a/src/glcc/home/news/index.jsx b/src/glcc/home/news/index.jsx new file mode 100644 index 000000000..33d4c2474 --- /dev/null +++ b/src/glcc/home/news/index.jsx @@ -0,0 +1,14 @@ +import React from 'react'; +import './index.scss'; + + +function News() { + + return( +
+

新闻中心

+
+
+ ) +} +export default News; \ No newline at end of file diff --git a/src/glcc/home/news/index.scss b/src/glcc/home/news/index.scss new file mode 100644 index 000000000..3b9521471 --- /dev/null +++ b/src/glcc/home/news/index.scss @@ -0,0 +1,3 @@ +.news{ + +} \ No newline at end of file diff --git a/src/glcc/home/partner/index.jsx b/src/glcc/home/partner/index.jsx new file mode 100644 index 000000000..13d7aa5d9 --- /dev/null +++ b/src/glcc/home/partner/index.jsx @@ -0,0 +1,14 @@ +import React from 'react'; +import './index.scss'; + + +function Partner() { + + return( +
+

组织方及合作伙伴

+
+
+ ) +} +export default Partner; \ No newline at end of file diff --git a/src/glcc/home/partner/index.scss b/src/glcc/home/partner/index.scss new file mode 100644 index 000000000..af6dd8c01 --- /dev/null +++ b/src/glcc/home/partner/index.scss @@ -0,0 +1,3 @@ +.partner{ + +} \ No newline at end of file diff --git a/src/glcc/home/timerShaft/index.jsx b/src/glcc/home/timerShaft/index.jsx new file mode 100644 index 000000000..bd3ed191b --- /dev/null +++ b/src/glcc/home/timerShaft/index.jsx @@ -0,0 +1,14 @@ +import React from 'react'; +import './index.scss'; + + +function TimerShaft() { + + return( +
+

时间规划

+
+
+ ) +} +export default TimerShaft; \ No newline at end of file diff --git a/src/glcc/home/timerShaft/index.scss b/src/glcc/home/timerShaft/index.scss new file mode 100644 index 000000000..88b3a05d8 --- /dev/null +++ b/src/glcc/home/timerShaft/index.scss @@ -0,0 +1,3 @@ +.timerShaft{ + +} \ No newline at end of file diff --git a/src/glcc/index.jsx b/src/glcc/index.jsx new file mode 100644 index 000000000..fad006c57 --- /dev/null +++ b/src/glcc/index.jsx @@ -0,0 +1,46 @@ +import React from "react"; + +import { Route, Switch } from "react-router-dom"; +import { withRouter } from "react-router"; + +import { SnackbarHOC } from "educoder"; +import { CNotificationHOC } from "../modules/courses/common/CNotificationHOC"; +import { TPMIndexHOC } from "../modules/tpm/TPMIndexHOC"; +import "./index.scss"; + +import Loadable from "react-loadable"; +import Loading from "../Loading"; +import { ImageLayerOfCommentHOC } from "../modules/page/layers/ImageLayerOfCommentHOC"; + + +{/* 任务管理审核 */} +const Home = Loadable({ + loader: () => import("./home"), + loading: Loading, +}); + + +const Glcc = (propsF) => { + + return ( +
+ + {/* 首页 */} + ( + + )} + > + + +
+ ); +} + +export default withRouter( + ImageLayerOfCommentHOC({ + imgSelector: ".imageLayerParent img, .imageLayerParent .imageTarget", + parentSelector: ".newMain", + })(CNotificationHOC()(SnackbarHOC()(TPMIndexHOC(Glcc)))) +); diff --git a/src/glcc/index.scss b/src/glcc/index.scss new file mode 100644 index 000000000..e69de29bb