index.js 1.84 KB
Newer Older
zhanghaozhe committed
1 2 3 4
import React, { Component } from 'react'
import './index.scss'

export default class Description extends Component {
zhanghaozhe committed
5 6 7 8 9

  state = {
    list: [
      {
        icon: 'https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/mlCourse/m/des_icon_1.png',
zhanghaozhe committed
10
        text: '0门槛交互式授课,学习像聊天一样有趣;'
zhanghaozhe committed
11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30
      },
      {
        icon: 'https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/mlCourse/m/des_icon_2.png',
        text: '原理部分结合图片和例子,内容讲解详细;'
      },
      {
        icon: 'https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/mlCourse/m/des_icon_3.png',
        text: '代码逐行讲解,在线编程,QQ群答疑,学会为止;'
      },
      {
        icon: 'https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/mlCourse/m/des_icon_4.png',
        text: '精编课程习题,结合面试场景,夯实理论基础;'
      },
      {
        icon: 'https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/mlCourse/m/des_icon_5.png',
        text: '精选项目干货,结合所学,手把手指导。'
      },
    ]
  }

zhanghaozhe committed
31
  render() {
zhanghaozhe committed
32
    const {list} = this.state
zhanghaozhe committed
33 34
    return (
      <div className={'description'}>
zhanghaozhe committed
35 36
        <img className={'left'} src="https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/h5_python_class/left__decorate.png" alt=""/>
        <img className={'right'} src="https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/h5_python_class/right__decorate.png" alt=""/>
zhanghaozhe committed
37
        <p className={'title'}> /  /  / </p>
zhanghaozhe committed
38 39 40 41 42 43 44 45 46 47 48
        <img src={'https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/mlCourse/m/ml-introduce.png'}/>
        <ul className={'des-list'}>
          {
            list.map((item,index) => {
              return <li key={index}>
                <img src={item.icon} alt=""/>
                <span>{item.text}</span>
              </li>
            })
          }
        </ul>
zhanghaozhe committed
49 50 51 52
      </div>
    )
  }
}