react-app-shell/activity/src/views/landing/about-class.js

react打包脚本和example, 这里的版本请忽略

// 功能方法>>>引用:
import React, {Component} from 'react';

// 配置项>>>引用:
import {appConfig} from '../../config';

// 样式>>>引用:
import styles from './landing.less';

// 静态资源>>>引用:
import logo from '../../public/images/landing/class-logo.png';

// 约课地址
const bookingUrl = appConfig.resources.bookingUrl;

export default class AboutClass extends Component {
    /**
     * 跳转约课页
     */
    handleAboutClass = () => {
        window.location.href = bookingUrl;
    }

    render() {
        let {productNum} = this.props;
        return (
            <div className={styles.class}>
                <div className={styles.content}>
                    <img className={styles.img} src={logo}/>
                    <p className={styles.title}>恭喜您成功购买{productNum}节北美外教课！</p>
                    <div className={styles.tips}>
                        <p>温馨提醒：</p>
                        <div className={styles.section}>
                            <p>每周建议上3次外教课效果最好哦</p>
                            <p>快去约课吧～</p>
                        </div>
                    </div>
                    <span className={styles.classBtn} onClick={this.handleAboutClass}>马上约课</span>
                </div>
            </div>
        );
    }
}