react-app-shell/activity/src/components/loading/index.js

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

import React from 'react';
import styles from './loading.less';

/**
 * clip-loader
 */
export const ClipLoading = ({loading}) => {
    return loading ? (
        <div className={styles['loader-wrapper']}>
            <div className={styles['loader']}>
                <div className={styles['ball-clip-rotate']}>
                    <div/>
                </div>
            </div>
        </div>
    ) : null;
};

export const BallLoading = ({loading}) => {
    return loading ? (
        <div className={styles['loader-wrapper']}>
            <div className={styles['loader']}>
                <div className={styles['ball-pulse']}>
                    <div/>
                    <div/>
                    <div/>
                </div>
            </div>
        </div>
    ) : null;
};