react-app-shell
Version:
react打包脚本和example, 这里的版本请忽略
42 lines (38 loc) • 1.72 kB
JavaScript
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>
);
}