select 组件样式优化

src/components/mui/MySelect.tsx

@@ -12,6 +12,7 @@ import FormControl from "@mui/material/FormControl";
 import FormHelperText from "@mui/material/FormHelperText";
 import Select, { SelectChangeEvent, SelectProps } from "@mui/material/Select";
 import { createTheme, ThemeProvider } from "@mui/material";
+import selectActive from "@/assets/project/selectActive.svg";
 
 export interface IOption {
 	label: string;
@@ -80,10 +81,26 @@ export default function MySelect(props: IProps) {
 						},
 					},
 					input: {
+						fontSize: "14px",
 						"&.Mui-disabled": {
 							background: "rgba(247, 248, 250, 1)",
 							cursor: "not-allowed",
 						},
+						img: {
+							display: "none",
+						},
+					},
+				},
+			},
+			MuiList: {
+				styleOverrides: {
+					root: {
+						"& .MuiButtonBase-root": {
+							"&.Mui-selected": {
+								backgroundColor: "#fff",
+								color: "#1370FF",
+							},
+						},
 					},
 				},
 			},
@@ -91,9 +108,12 @@ export default function MySelect(props: IProps) {
 			MuiMenuItem: {
 				styleOverrides: {
 					root: {
+						paddingRight: "46px",
+						fontSize: "14px",
+						lineHeight: "24px",
 						":hover": {
-							backgroundColor: "#ECF4FF ",
-							color: "#1370FF",
+							backgroundColor: "#F0F2F5 ",
+							color: "#1E2633",
 						},
 					},
 				},
@@ -186,6 +206,19 @@ export default function MySelect(props: IProps) {
 										key={index}
 									>
 										{item.label}
+										{value === item.value && (
+											<img
+												style={{
+													width: "16px",
+													height: "16px",
+													position: "absolute",
+													top: "10px",
+													right: "12px",
+												}}
+												src={selectActive}
+												alt=""
+											/>
+										)}
 									</MenuItem>
 								);
 						  })

src/views/Project/ProjectData/MoveFile/index.module.css

 .rootTitle {
 	border-radius: 4px 4px 0 0;
 	background-color: rgba(25, 118, 210, 0.08);
-  /* background-color: rgba(25, 118, 210, 0.5); */
 	line-height: 44px;
 	color: rgba(30, 38, 51, 1);
 	font-size: 14px;
@@ -21,11 +20,11 @@
 	justify-content: flex-start;
 	align-items: center;
 }
-.treeLabelText{
+.treeLabelText {
 	line-height: 44px;
 	overflow: hidden;
 	text-overflow: ellipsis;
-  -o-text-overflow:ellipsis;
+	-o-text-overflow: ellipsis;
 	white-space: nowrap;
 	width: 320px;
 }