dev_aliyun2
harry 5 years ago
parent 559926ebfa
commit 35eb537b73

@ -12,10 +12,6 @@ const CommonWork = Loadable({
loader: () => import('./busyWork/commonWork'),
loading: Loading,
})
const GroupWork = Loadable({
loader: () => import('./busyWork/commonWork'),
loading: Loading,
})
// 讨论
const Boards = Loadable({
loader: () => import('./boards'),

@ -7,8 +7,12 @@ import TPMIndexHOC from '../tpm/TPMIndexHOC'
import ListContainer from './list-container'
import { SnackbarHOC, getImageUrl, configShareForIndex } from 'educoder'
import ShixunPathCard from '../paths/ShixunPathCard'
import { Carousel } from 'antd'
import { getUrl } from 'educoder'
import './index.less'
import NavList from './nav-list'
function Home({ mygetHelmetapi }) {
function Home({ mygetHelmetapi, user }) {
const [resource, setResource] = useState({
loading: true,
@ -56,12 +60,22 @@ function Home({ mygetHelmetapi }) {
}
const { loading, updata, data } = resource
const { shixuns, subjects } = data
const { shixuns, subjects, images_url, reps } = data
return (
<Fragment>
{loading ? <Loading /> :
<div className="shixun-home newMain clearfix">
<div className="educontent nav-list-container">
<div className="carousel-container">
<Carousel autoplay={true}>
{images_url.map(item => <a key={item.path} href={item.path}>
<img src={getUrl(item.image_url)} alt='banner' />
</a>)}
</Carousel>
</div>
{user && user.main_site ? <NavList list={reps} /> : null}
</div>
{updata ? <UpgradeModals updata={updata} /> : null}
{pathstype || subjects.length > 0 ?
<ListContainer to="/paths" title='实践课程' titleEn='TRAINING COURSE' >

@ -0,0 +1,57 @@
.carousel-container {
margin: 30px auto 60px auto;
img {
display: block;
max-width: 100%;
height: 350px;
}
.slick-slide {
background: #364d79;
border-radius: 10px;
}
a {
display: block;
}
}
.nav-list-container {
position: relative;
margin: 0 auto;
}
.black_nav_list li span a {
color: #fff;
}
.black_nav_list li span a:hover {
color: #000;
}
.black_nav_list li:hover span a {
color: #000;
}
.black_nav_span {
display: block;
margin: 0px 20px;
border-bottom: 1px solid #4B4B4B;
padding-left: 8px;
color: #FAFAFA;
}
.user_navlist_white a {
color: #989898 !important;
}
.user_navlist_white .navlistpanel-line .little-titles a {
color: #000 !important;
}
.user_navlist_white {
max-height: 350px !important;
overflow-y: auto;
}

@ -0,0 +1,44 @@
import React from 'react'
import { Link } from 'react-router-dom'
import { getImageUrl } from 'educoder'
export default ({ list }) => {
return (
<div className="user_navlist">
<div className="user_navlist_black">
<ul className="black_nav_list">
{list.map(item =>
<li className="welcome_shixun_index" data-type="rep" key={item.id}>
<span className="black_nav_span clearfix font-12">
<Link to={"/shixuns?id=" + item.id + "&type=rep"}>
{item.name}
</Link>
<img src={getImageUrl("images/educoder/icon/downarrowsmall-right.svg")} className="fr mt15 transform-90" />
</span>
<ul className="user_navlist_white" >
{
item.sub_repertoires.map((i) => {
return (
<div className="clearfix mt20 mb5 pb10 navlistpanel-line" key={i.id}>
<div className="little-title clearfix welcome_shixun_index little-titles" data-type="sub">
<Link to={"/shixuns?id=" + i.id + "&type=sub&palce=" + item.id}> {i.name} </Link>
</div>
{
i.tags.map((t, e) => {
return (
<Link className="welcome_shixun_index" to={"/shixuns?id=" + t.id + "&type=tag&palce=" + item.id} data-type="tag" key={t.id}>{t.name}</Link>
)
})
}
</div>
)
})
}
</ul>
</li>
)}
</ul>
</div>
</div>
)
}

@ -168,7 +168,8 @@ class ShixunsHome extends Component {
))}
</Slider>
}
{this.props.user && this.props.user.main_site === true ? <div className="user_navlist">
{this.props.user && this.props.user.main_site === true ?
<div className="user_navlist">
<div className="user_navlist_black">
<ul className="black_nav_list">
{homedatalist === undefined ? "" : homedatalistreps.map((item, key) => {

Loading…
Cancel
Save