重构进度指示器,使用新的LinearProgress组件替换原有的CircularProgress 更新文件管理器中的进度指示器引用 修改首页加载动画为线性进度条样式
25 lines
679 B
TypeScript
Executable File
25 lines
679 B
TypeScript
Executable File
import { Box } from "@mui/material";
|
|
import { forwardRef } from "react";
|
|
import LinearProgressComponent from "./LinearProgress";
|
|
|
|
export interface FacebookCircularProgressProps {
|
|
sx?: any;
|
|
color?: string;
|
|
size?: number;
|
|
thickness?: number;
|
|
bgColor?: string;
|
|
fgColor?: string;
|
|
}
|
|
|
|
const FacebookCircularProgress = forwardRef(
|
|
({ sx, color, bgColor, fgColor, ...rest }: FacebookCircularProgressProps, ref) => {
|
|
return (
|
|
<Box sx={{ display: "flex", justifyContent: "center", alignItems: "center", ...sx }} ref={ref}>
|
|
<LinearProgressComponent color={color || fgColor} height={8} />
|
|
</Box>
|
|
);
|
|
},
|
|
);
|
|
|
|
export default FacebookCircularProgress;
|