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

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