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

export default class Experience extends Component {
  render() {
    const { isOnline, tryLearn } = this.props;
    return (
      <div className={'experience_container'}>
        <p className={'title'}> /  /  / </p>

        {
          isOnline
          ? (
            <>
              <div className={'experience'}>
                <img src="https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/h5_python_class/L%402x.png" alt=""/>
                <div>
xuzhenghua committed
18 19
                  <p>特价试学99 体验前3个课时</p>
                  <p>开启颠覆你想象的学习</p>
zhanghaozhe committed
20 21 22
                </div>
                <img src="https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/h5_python_class/r%402x.png" alt=""/>
              </div>
zhanghaozhe committed
23
              <div className={'btn'} onClick={() => {tryLearn(1)}}>立即体验</div>
zhanghaozhe committed
24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39
            </>
          )
          : (
            <>
              <div className={'experience'}>
                <img src="https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/h5_python_class/L%402x.png" alt=""/>
                <div>
                  <p>上架后可免费试学</p>
                  <p>体验颠覆你想象的学习</p>
                </div>
                <img src="https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/h5_python_class/r%402x.png" alt=""/>
              </div>
              <div className={'btn btn--online'}>即将上架敬请期待</div>
            </>
          )
        }
xuzhenghua committed
40

zhanghaozhe committed
41 42 43 44
      </div>
    )
  }
}