react-app-shell/activity/src/views/bargain/component/barrage.js

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

import React from 'react';

import styles from './styles.less';
import defaulthead from '../../../public/images/bargain/default-head.png';

/**
 * 弹幕
 */
function Barrage(props) {
    const {headImgUrl, nikeName} = props;
    return (
        <div className={styles['barrage']}>
            <img src={headImgUrl || defaulthead}/>
            <p className={styles['barrage-name']}>{nikeName || '**'}</p>
            <p>邀请你帮他砍价</p>
        </div>);
}

export default Barrage;