react-app-shell/activity/src/views/group/component/flow.js

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

import React from 'react';

import processIcon1 from '../../../public/images/group/process/icon1.png';
import processIcon2 from '../../../public/images/group/process/icon2.png';
import processIcon3 from '../../../public/images/group/process/icon3.png';
import processIcon4 from '../../../public/images/group/process/icon4.png';

import styles from './styles.less';

/**
 * 团购流程
 * @param {*} props
 */
export default function Flow(props) {
    return (
        <div className={styles['group-process']}>
            <div className={styles['innercon']}>
                <div className={styles['process-title']}> 团购流程</div>
                <div className={styles['process-desc']}>
                    <div className={styles['process-list']}>
                        <div className={styles['process-item']}>
                            <img src={processIcon1} alt="开团当团长"/>
                            <p> 开团当团长 </p></div>
                        <div className={styles['process-item']}>
                            <img src={processIcon2} alt="参与支付"/>
                            <p> 参与支付 </p>
                        </div>
                        <div className={styles['process-item']}>
                            <img src={processIcon3} alt="邀请好友参团"/>
                            <p> 邀请好友参团 </p>
                        </div>
                        <div className={styles['process-item']}>
                            <img src={processIcon4} alt="团购成功"/>
                            <p> 团购成功 </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    );
}