Commit fc187081 by FE

banner modify

parents 71bbf289 7dc3f6ae
......@@ -18,6 +18,7 @@ class CollegeCourse extends Component {
componentDidMount() {
this.fetchCourseList();
document.title = `助力高校在线教学计划之中科大软院(苏州)专区 - 七月在线`
}
fetchCourseList = () => {
......@@ -58,7 +59,7 @@ class CollegeCourse extends Component {
<>
<HeaderBar title={'助学计划'} arrow={true}/>
<CollegeBanner />
<CollegeHeader
<CollegeHeader
headerStyle={{
marginTop: '20px'
}}
......@@ -68,8 +69,8 @@ class CollegeCourse extends Component {
<div className="college-course__body">
{
courseList.map(item => (
<div
className="college-course__item"
<div
className="college-course__item"
onClick={() => this.toCourseDetail(item.course_id)}
key={item.course_id}
>
......
......@@ -26,6 +26,11 @@ class CollegePage extends Component {
id: 1,
name: '软件学院(苏州)',
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 {
componentDidMount() {
// this.fetchSchoolList();
document.title = `免费提供在线教学系统 助力全国高校在线教学 - 七月在线`
}
fetchSchoolList = () => {
......@@ -48,7 +54,9 @@ class CollegePage extends Component {
toCollegeCourse = (id) => {
const { history } = this.props;
history.push(`/college/${id}`);
if(id) {
history.push(`/college/${id}`);
}
}
render() {
......@@ -58,11 +66,11 @@ class CollegePage extends Component {
<HeaderBar title={'助学计划'} arrow={true}/>
<CollegeBanner />
<div className="college-page__banner"></div>
<CollegeHeader
<CollegeHeader
headerStyle={{
marginTop: '20px'
}}
title="助力高校在线教学计划,在线不停课"
title="助力高校在线教学计划"
/>
<p className="college-page__contact">免费入驻联系周先生:18910848502(微信同)</p>
{
......@@ -76,7 +84,7 @@ class CollegePage extends Component {
</div>
))
}
<CollegeHeader
<CollegeHeader
headerStyle={{
marginTop: '20px'
}}
......@@ -86,10 +94,10 @@ class CollegePage extends Component {
<div className="college-page__college">
{
schoolList.map(({id, name, logo}) => (
<div
className="college__item"
<div
className="college__item"
onClick={() => this.toCollegeCourse(id)}
key={id}
key={id}
>
<i className="college__iamge" style={{'backgroundImage': `url(${logo})`}}></i>
<p className="college__name">{name}</p>
......
......@@ -51,17 +51,6 @@
// width: 166px;
margin: 0 5px 10px;
cursor: pointer;
&:hover {
.college__iamge {
border-color: #0099FF;
}
.college__name {
color: #0099ff;
}
}
}
.college__iamge {
......@@ -69,7 +58,7 @@
height: 60px;
border: 1px solid #ECECEC;
border-radius: 1px;
background-size: auto 100%;
background-size: 95% auto;
background-position: center;
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