#

luxiaotao1123

2024-10-21 8d93a969a03865b815e16140ea3e65ad7922014d

 zy-acs-flow/src/page/components/PulseSignal.jsx

@@ -1,9 +1,16 @@
import * as React from 'react';
import { Paper, Typography, Box, Chip, Avatar } from '@mui/material';
import { teal } from '@mui/material/colors';
import { teal, red } from '@mui/material/colors';

const PulseSignal = (props) => {
    const { flag = true, width = 8, negative = false, ...rest } = props;
    const {
        flag = true,
        width = 8,
        negative = false,
        positiveColor = teal[400],
        negativeColor = red[400],
        ...rest
    } = props;

    return (
        <>
@@ -14,7 +21,7 @@
                        width: width,
                        height: width,
                        borderRadius: '50%',
                        backgroundColor: `${teal[400]}`,
                        backgroundColor: positiveColor,
                        display: 'inline-block',
                        animation: `pulse ${negative ? '2' : '1.2'}s infinite`,
                        '@keyframes pulse': {
@@ -40,7 +47,7 @@
                        width: width + width / 10,
                        height: width + width / 10,
                        borderRadius: '50%',
                        backgroundColor: '#f44336',
                        backgroundColor: negativeColor,
                        display: 'inline-block',
                    }}
                />