feat: tabs组件样式微调

src/components/mui/MyTabs/index.module.css

@@ -6,8 +6,9 @@
 	color: #1e2633;
 	line-height: 48px;
 }
-.titleBox::after {
-	content: "|";
-	padding: 0 24px;
-	color: #dde1e6;
+.titleBoxLine {
+	width: 1px;
+	height: 20px;
+	background-color: rgba(221, 225, 230, 1);
+	margin: 0 24px;
 }

src/components/mui/MyTabs/index.tsx

@@ -80,6 +80,9 @@ const theme = createTheme({
 				indicator: {
 					backgroundColor: "#1370FF",
 				},
+				flexContainer: {
+					alignItems: "center",
+				},
 			},
 		},
 		MuiButtonBase: {
@@ -182,14 +185,17 @@ const Tabs = (props: IProps) => {
 						}}
 					>
 						{title ? (
-							<span
-								className={classNames({
-									[styles.titleBox]: true,
-									[titleClass]: titleClass,
-								})}
-							>
-								{title}
-							</span>
+							<>
+								<span
+									className={classNames({
+										[styles.titleBox]: true,
+										[titleClass]: titleClass,
+									})}
+								>
+									{title}
+								</span>
+								<div className={styles.titleBoxLine}></div>
+							</>
 						) : null}
 						{tabList
 							?.filter((item) => !item.hide)