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

export default class Experience extends Component {
  render() {
zhanghaozhe committed
6
    const { isOnline, tryLearn } = this.props
xuzhenghua committed
7
    return (
zhanghaozhe committed
8 9
      <div className={"experience_container"}>
        <p className={"title"}> /  /  / </p>
xuzhenghua committed
10

zhanghaozhe committed
11 12 13 14
        {isOnline ? (
          <>
            <div className={"experience"}>
              <img
15
                src="https://cdn.julyedu.com/h5_python_class/L%402x.png"
zhanghaozhe committed
16 17 18 19 20
                alt=""
              />
              <div>
                <p>限时福利免费试学</p>
                <p>开始颠覆你想象的学习</p>
xuzhenghua committed
21
              </div>
zhanghaozhe committed
22
              <img
23
                src="https://cdn.julyedu.com/h5_python_class/r%402x.png"
zhanghaozhe committed
24 25 26 27 28 29 30 31 32 33 34
                alt=""
              />
            </div>
            <div className={"btn"} onClick={tryLearn}>
              立即体验
            </div>
          </>
        ) : (
          <>
            <div className={"experience"}>
              <img
35
                src="https://cdn.julyedu.com/h5_python_class/L%402x.png"
zhanghaozhe committed
36 37 38 39 40
                alt=""
              />
              <div>
                <p>上架后可免费试学</p>
                <p>体验颠覆你想象的学习</p>
xuzhenghua committed
41
              </div>
zhanghaozhe committed
42
              <img
43
                src="https://cdn.julyedu.com/h5_python_class/r%402x.png"
zhanghaozhe committed
44 45 46 47 48 49
                alt=""
              />
            </div>
            <div className={"btn btn--online"}>即将上架敬请期待</div>
          </>
        )}
xuzhenghua committed
50 51 52 53
      </div>
    )
  }
}