Commit fc187081 by FE

banner modify

parents 71bbf289 7dc3f6ae
...@@ -18,6 +18,7 @@ class CollegeCourse extends Component { ...@@ -18,6 +18,7 @@ class CollegeCourse extends Component {
componentDidMount() { componentDidMount() {
this.fetchCourseList(); this.fetchCourseList();
document.title = `助力高校在线教学计划之中科大软院(苏州)专区 - 七月在线`
} }
fetchCourseList = () => { fetchCourseList = () => {
...@@ -58,7 +59,7 @@ class CollegeCourse extends Component { ...@@ -58,7 +59,7 @@ class CollegeCourse extends Component {
<> <>
<HeaderBar title={'助学计划'} arrow={true}/> <HeaderBar title={'助学计划'} arrow={true}/>
<CollegeBanner /> <CollegeBanner />
<CollegeHeader <CollegeHeader
headerStyle={{ headerStyle={{
marginTop: '20px' marginTop: '20px'
}} }}
...@@ -68,8 +69,8 @@ class CollegeCourse extends Component { ...@@ -68,8 +69,8 @@ class CollegeCourse extends Component {
<div className="college-course__body"> <div className="college-course__body">
{ {
courseList.map(item => ( courseList.map(item => (
<div <div
className="college-course__item" className="college-course__item"
onClick={() => this.toCourseDetail(item.course_id)} onClick={() => this.toCourseDetail(item.course_id)}
key={item.course_id} key={item.course_id}
> >
......
...@@ -26,6 +26,11 @@ class CollegePage extends Component { ...@@ -26,6 +26,11 @@ class CollegePage extends Component {
id: 1, id: 1,
name: '软件学院(苏州)', name: '软件学院(苏州)',
logo: 'https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/college-plan/zkd_logo.png' logo: 'https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/college-plan/zkd_logo.png'
},
{
id: null,
name: '东华理工大学软件学院',
logo: 'https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/college-plan/dhlg_logo.png'
} }
], ],
}; };
...@@ -33,6 +38,7 @@ class CollegePage extends Component { ...@@ -33,6 +38,7 @@ class CollegePage extends Component {
componentDidMount() { componentDidMount() {
// this.fetchSchoolList(); // this.fetchSchoolList();
document.title = `免费提供在线教学系统 助力全国高校在线教学 - 七月在线`
} }
fetchSchoolList = () => { fetchSchoolList = () => {
...@@ -48,7 +54,9 @@ class CollegePage extends Component { ...@@ -48,7 +54,9 @@ class CollegePage extends Component {
toCollegeCourse = (id) => { toCollegeCourse = (id) => {
const { history } = this.props; const { history } = this.props;
history.push(`/college/${id}`); if(id) {
history.push(`/college/${id}`);
}
} }
render() { render() {
...@@ -58,11 +66,11 @@ class CollegePage extends Component { ...@@ -58,11 +66,11 @@ class CollegePage extends Component {
<HeaderBar title={'助学计划'} arrow={true}/> <HeaderBar title={'助学计划'} arrow={true}/>
<CollegeBanner /> <CollegeBanner />
<div className="college-page__banner"></div> <div className="college-page__banner"></div>
<CollegeHeader <CollegeHeader
headerStyle={{ headerStyle={{
marginTop: '20px' marginTop: '20px'
}} }}
title="助力高校在线教学计划,在线不停课" title="助力高校在线教学计划"
/> />
<p className="college-page__contact">免费入驻联系周先生:18910848502(微信同)</p> <p className="college-page__contact">免费入驻联系周先生:18910848502(微信同)</p>
{ {
...@@ -76,7 +84,7 @@ class CollegePage extends Component { ...@@ -76,7 +84,7 @@ class CollegePage extends Component {
</div> </div>
)) ))
} }
<CollegeHeader <CollegeHeader
headerStyle={{ headerStyle={{
marginTop: '20px' marginTop: '20px'
}} }}
...@@ -86,10 +94,10 @@ class CollegePage extends Component { ...@@ -86,10 +94,10 @@ class CollegePage extends Component {
<div className="college-page__college"> <div className="college-page__college">
{ {
schoolList.map(({id, name, logo}) => ( schoolList.map(({id, name, logo}) => (
<div <div
className="college__item" className="college__item"
onClick={() => this.toCollegeCourse(id)} onClick={() => this.toCollegeCourse(id)}
key={id} key={id}
> >
<i className="college__iamge" style={{'backgroundImage': `url(${logo})`}}></i> <i className="college__iamge" style={{'backgroundImage': `url(${logo})`}}></i>
<p className="college__name">{name}</p> <p className="college__name">{name}</p>
......
...@@ -51,17 +51,6 @@ ...@@ -51,17 +51,6 @@
// width: 166px; // width: 166px;
margin: 0 5px 10px; margin: 0 5px 10px;
cursor: pointer; cursor: pointer;
&:hover {
.college__iamge {
border-color: #0099FF;
}
.college__name {
color: #0099ff;
}
}
} }
.college__iamge { .college__iamge {
...@@ -69,7 +58,7 @@ ...@@ -69,7 +58,7 @@
height: 60px; height: 60px;
border: 1px solid #ECECEC; border: 1px solid #ECECEC;
border-radius: 1px; border-radius: 1px;
background-size: auto 100%; background-size: 95% auto;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment