index.js 1.71 KB
Newer Older
zhanghaozhe committed
1 2 3 4 5 6 7 8 9 10 11 12
import React, { Component } from 'react'
import './index.scss'

export default class Progream extends Component {
  constructor(props) {
    super(props);
    this.state = {
      list: [
        {
          q: '课程学习周期是多久?',
          a: '每天学习1小时,课程采用通关制解锁的方式,根据自己的时间和学习速度灵活调整。'
        },{
zhanghaozhe committed
13 14
          q: '我没有机器学习基础可以学习吗?',
          a: '我们的课程是面向零基础的小伙伴设计的,内容通俗易懂,由浅入深,层层递进,尽可能帮助大家理解并且掌握所学知识,没有任何基础是可以学习的。'
zhanghaozhe committed
15 16 17 18
        },{
          q: '学习过程中遇到了困难怎么办?',
          a: '我们为学员配备了专门的助教,有问题随时可以咨询助教老师。'
        },{
zhanghaozhe committed
19 20
          q: '项目实战的形式是什么样的?',
          a: '项目实战会以考试的形式发给你,每一步都有详细的指导说明;提交试卷后可以下载完整的参考代码进行巩固复习。'
zhanghaozhe committed
21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47
        }
      ]
    }
  }
  render() {
    const {list} = this.state;
    return (
      <div className={'pro_container'}>
        <img src="https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/h5_python_class/pro_left.png" alt=""/>
        <p> /  /  / </p>
        <ul>
        {
          list.map((item, index)=>{
            return (<li key={index} className={'q_item'}>
              <div className={'q'}> <p>{`Q:${item.q}`}</p> <span></span></div>
              <div className={'a__container'}>
                <div>A</div>
                <p>{item.a}</p>
              </div>
            </li>)
          })
        }
        </ul>
      </div>
    )
  }
}