react-app-shell/activity/src/views/rabbit/payAgain/index.js

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

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

// 公用方法 配置项 接口 枚举>>>引用:
import { appConfig } from '../../../config';
import { DocumentTitle } from '../../../components';
import { monitor } from '../../../utils';

// 样式 静态资源>>>引用:
import styles from './payAgain.less';

import productionQrcode from '../../../public/images/rabbit/pruduction-fllow-qrcode.jpg';
import stagingQrcode from '../../../public/images/rabbit/staging-fllow-qrcode.jpg';

const appEnv = appConfig.env === 'production' ? productionQrcode : stagingQrcode;

/**
 * 魔小兔-重复购买页
 */
export default class PayAgain extends Component {
  componentDidMount() {
    monitor.log('', 'rabbit >> 魔小兔已购买二维码页面');
  }

  render() {
    return (
      <div className={styles.payAgain}>
        <div className={styles.purchasedHeader}>
          <div className={styles.icon}></div>
        </div>
        <div className={classNames(styles.qrcode, styles.mt)}>
          <span className={styles.title}>公众号二维码</span>
          <img className={styles.img} src={appEnv} />
          <p className={styles.tips}>请扫描上方二维码添加“魔小兔英语”公众号，以便正常上课哦</p>
        </div>
        <DocumentTitle title="魔小兔英语" />
      </div>
    );
  }
}