Commit 9e9a03b4 by wangshuo

定位图片添加

parent f269cd39
...@@ -26,6 +26,7 @@ export default class Progream extends Component { ...@@ -26,6 +26,7 @@ export default class Progream extends Component {
const {list} = this.state; const {list} = this.state;
return ( return (
<div className={'pro_container'}> <div className={'pro_container'}>
<img src="https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/h5_python_class/pro_left.png" alt=""/>
<p> / / / </p> <p> / / / </p>
<ul> <ul>
{ {
......
...@@ -2,7 +2,15 @@ ...@@ -2,7 +2,15 @@
padding-top: 32px; padding-top: 32px;
padding-bottom: 30px; padding-bottom: 30px;
background: #0096ff; background: #0096ff;
position: relative;
img {
position: absolute;
width: 76px;
height: 174px;
left: 0;
bottom: 50px;
}
p { p {
font-size: 22px; font-size: 22px;
line-height: 22px; line-height: 22px;
......
...@@ -3,9 +3,10 @@ import './index.scss' ...@@ -3,9 +3,10 @@ import './index.scss'
export default class Study extends Component { export default class Study extends Component {
render() { render() {
console.log(this.props);
return ( return (
<div className={'study__container'}> <div className={'study__container'}>
<img className={'learn_left'} src="https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/h5_python_class/learn_left.png" alt=""/>
<img className={'learn_bottom'} src="https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/h5_python_class/learn_bottom.png" alt=""/>
<p className={'title'}> / / / </p> <p className={'title'}> / / / </p>
<p className={'sub__title'}>20节课堂教学,带你掌握Python技术入门知识</p> <p className={'sub__title'}>20节课堂教学,带你掌握Python技术入门知识</p>
<div className={'step__container'}> <div className={'step__container'}>
......
...@@ -5,6 +5,21 @@ ...@@ -5,6 +5,21 @@
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: center;
padding: 32px 0 30px 0; padding: 32px 0 30px 0;
position: relative;
.learn_left {
position: absolute;
left: 0;
top: 36px;
width: 46px;
height: 126px;
}
.learn_bottom {
position: absolute;
left: 0;
bottom: 0;
width: 156px;
height: 234px;
}
.title { .title {
font-size: 20px; font-size: 20px;
font-weight: 600; font-weight: 600;
...@@ -66,6 +81,7 @@ ...@@ -66,6 +81,7 @@
color: #fff; color: #fff;
background: #005ac6; background: #005ac6;
margin-top: 22px; margin-top: 22px;
position: relative;
.order_number { .order_number {
width: 50px; width: 50px;
} }
......
...@@ -28,6 +28,8 @@ export default class Team extends Component { ...@@ -28,6 +28,8 @@ export default class Team extends Component {
const {teacherList} = this.state; const {teacherList} = this.state;
return ( return (
<div className={'team_container'}> <div className={'team_container'}>
<img className={'team_top'} src="https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/h5_python_class/team_top.png" alt=""/>
<img className={'team_bottom'} src="https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/h5_python_class/team_bottom.png" alt=""/>
<p className={'title'}>///</p> <p className={'title'}>///</p>
<p className={'sub_title'}>讲师+助教+班主任全程陪伴,哪里不会问哪里</p> <p className={'sub_title'}>讲师+助教+班主任全程陪伴,哪里不会问哪里</p>
<ul> <ul>
......
...@@ -2,6 +2,21 @@ ...@@ -2,6 +2,21 @@
padding-top: 32px; padding-top: 32px;
background: #0096ff; background: #0096ff;
padding-bottom: 46px; padding-bottom: 46px;
position: relative;
.team_top {
position: absolute;
left: 0;
top: 0;
width: 78px;
height: 76px;
}
.team_bottom {
position: absolute;
right: 0;
bottom: 0;
width: 238px;
height: 246px;
}
p { p {
text-align: center; text-align: center;
text-align-last: center; text-align-last: center;
......
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