调整云上实验室模块相关banner

dev_home
杨树明 5 years ago
parent 7b8c817694
commit 569a8455fa

@ -73,10 +73,11 @@ class CompetitionsIndex extends Component{
<style> <style>
{ {
` `
.courses-head{ .courses-head{
width: 100%; width: 100%;
height: 300px; height: 300px;
background-color: #081C4B; background-image: url(${getImageUrl(this.props.mygetHelmetapi && this.props.mygetHelmetapi.competition_banner_url === null ?`images/educoder/competitions/courses.jpg`:this.props.mygetHelmetapi&&this.props.mygetHelmetapi.competition_banner_url)});
background-color: #081C4B;
background-size: cover; background-size: cover;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -85,7 +86,7 @@ class CompetitionsIndex extends Component{
` `
} }
</style> </style>
<div className="courses-head pr Competitionshead " style={{"background":`url(${getImageUrl(`images/educoder/competitions/courses.jpg`)})`}}> <div className="courses-head pr Competitionshead ">
<div className="edu-txt-center pathNavLine"> <div className="edu-txt-center pathNavLine">
<div className="inline path-nav"></div> <div className="inline path-nav"></div>
</div> </div>

@ -111,6 +111,22 @@ class CoursesHome extends Component{
{...this.state} {...this.state}
/>} />}
<div className="newMain clearfix"> <div className="newMain clearfix">
<style>
{
`
.courses-head{
width: 100%;
height: 300px;
background-image: url(${getImageUrl(this.props.mygetHelmetapi && this.props.mygetHelmetapi.course_banner_url === null ?`images/educoder/competitions/courses.jpg`:this.props.mygetHelmetapi&&this.props.mygetHelmetapi.course_banner_url)});
background-color: #081C4B;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
`
}
</style>
<div className="courses-head pr" > <div className="courses-head pr" >
<div className="edu-txt-center pathNavLine"> <div className="edu-txt-center pathNavLine">
<div className="inline path-nav"> <div className="inline path-nav">

@ -1,12 +1,12 @@
.courses-head{ /*.courses-head{*/
width: 100%; /*width: 100%;*/
height: 300px; /*height: 300px;*/
background-image: url(./courses.jpg); /*background-image: url(./courses.jpg);*/
background-color: #081C4B; /*background-color: #081C4B;*/
background-size: cover; /*background-size: cover;*/
background-position: center; /*background-position: center;*/
background-repeat: no-repeat; /*background-repeat: no-repeat;*/
} /*}*/
a{ a{
text-decoration: none; text-decoration: none;
color: #05101a; color: #05101a;

@ -49,7 +49,9 @@ class Index extends Component{
></Route> ></Route>
{/*<Route path="/paths/:pathId" exact component = {PathsDetail} {...this.props} {...this.state}></Route>*/} {/*<Route path="/paths/:pathId" exact component = {PathsDetail} {...this.props} {...this.state}></Route>*/}
<Route exact path="/paths" exact component={ShixunPaths} {...this.props} {...this.state}></Route> <Route path="/paths" exact
render={(props)=>(<ShixunPaths {...this.props} {...this.state} {...props}/>)}
></Route>
</Switch> </Switch>
</div> </div>
) )

@ -1,7 +1,8 @@
import React, { Component } from 'react'; import React, { Component } from 'react';
import PathCard from "./ShixunPathCard.js";
import axios from 'axios'; import axios from 'axios';
import {Input} from 'antd'; import {Input} from 'antd';
import {getImageUrl} from 'educoder';
import PathCard from "./ShixunPathCard";
import UpgradeModals from '../modals/UpgradeModals'; import UpgradeModals from '../modals/UpgradeModals';
import Pagination from '@icedesign/base/lib/pagination'; import Pagination from '@icedesign/base/lib/pagination';
import '@icedesign/base/lib/pagination/style.js'; import '@icedesign/base/lib/pagination/style.js';
@ -115,6 +116,8 @@ class ShixunPathSearch extends Component{
render() { render() {
let { order,sortList,search,page,total_count,select }=this.state; let { order,sortList,search,page,total_count,select }=this.state;
// console.log()
return ( return (
<div> <div>
{this.state.updata===undefined?"":<UpgradeModals {this.state.updata===undefined?"":<UpgradeModals
@ -127,7 +130,7 @@ class ShixunPathSearch extends Component{
.pathImg{ .pathImg{
width: 100%; width: 100%;
height: 300px; height: 300px;
background-image: url(${getImageUrl(`images/path/path.png`)}); background-image: url(${getImageUrl(this.props.mygetHelmetapi&&this.props.mygetHelmetapi.subject_banner_url===null?`images/path/path.png`:this.props.mygetHelmetapi&&this.props.mygetHelmetapi.subject_banner_url)});
background-color: #000a4f; background-color: #000a4f;
/* background-size: cover; */ /* background-size: cover; */
background-position: center; background-position: center;

@ -16,7 +16,10 @@ class ShixunPath extends Component{
return( return(
<div> <div>
<div className="newMain clearfix"> <div className="newMain clearfix">
<PathSearch></PathSearch> <PathSearch
{...this.state}
{...this.props}
></PathSearch>
</div> </div>
</div> </div>

Loading…
Cancel
Save