@tarojsx/ui/dist/Loading.js

We reinvents the UI for Taro3+

import React from 'react';
import Taro from '@tarojs/taro';
import { View } from '@tarojs/components';
import '../style/Loading.scss';
export const Loading = props => {
    const { color, size = '' } = props;
    const loadingSize = typeof size === 'string' ? size : String(size);
    const sizeStyle = {
        width: size ? `${Taro.pxTransform(parseInt(loadingSize))}` : '',
        height: size ? `${Taro.pxTransform(parseInt(loadingSize))}` : '',
    };
    const colorStyle = {
        border: color ? `1px solid ${color}` : '',
        borderColor: color ? `${color} transparent transparent transparent` : '',
    };
    const ringStyle = Object.assign(Object.assign({}, colorStyle), sizeStyle);
    return (React.createElement(View, { className: "at-loading", style: sizeStyle },
        React.createElement(View, { className: "at-loading__ring", style: ringStyle }),
        React.createElement(View, { className: "at-loading__ring", style: ringStyle }),
        React.createElement(View, { className: "at-loading__ring", style: ringStyle })));
};
//# sourceMappingURL=Loading.js.map