feat: 返回样式修改

src/views/ConsoleLayout/index.tsx

-import React, { useEffect, useState } from "react";
+import React, { useEffect } from "react";
 import { Outlet, useLocation, useNavigate } from "react-router-dom";
 import { observer } from "mobx-react-lite";
 import Avatar from "@mui/material/Avatar";

src/views/Project/ProjectJobDetail/index.module.css

@@ -28,8 +28,19 @@
 .goBackIcon {
 	cursor: pointer;
 }
+.goBackIconBox {
+	width: 32px;
+	height: 32px;
+	border-radius: 4px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+.goBackIconBox:hover {
+	background-color: rgb(240, 242, 245);
+}
 .swTemplateTitle {
-	margin: 0 19px 0 8px;
+	margin: 0 19px 0 3px;
 	line-height: 20px;
 	font-size: 14px;
 	color: rgba(30, 38, 51, 1);

src/views/Project/ProjectJobDetail/index.tsx

@@ -445,13 +445,14 @@ const ProjectSubmitWork = observer(() => {
 			{fullScreenShow ? null : (
 				<div className={styles.swHeader}>
 					<div className={styles.swHeaderLeft}>
-						<img
-							onClick={onBack}
-							className={styles.goBackIcon}
-							src={goback}
-							alt=""
-						/>
-
+						<div className={styles.goBackIconBox}>
+							<img
+								onClick={onBack}
+								className={styles.goBackIcon}
+								src={goback}
+								alt=""
+							/>
+						</div>
 						<div className={styles.swTemplateTitle}>{name}</div>
 					</div>
 					{returnPermission && (

src/views/Project/ProjectSubmitWork/index.module.css

@@ -25,8 +25,22 @@
 	justify-content: flex-start;
 	align-items: center;
 }
+.goBackIcon {
+	cursor: pointer;
+}
+.goBackIconBox {
+	width: 32px;
+	height: 32px;
+	border-radius: 4px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+.goBackIconBox:hover {
+	background-color: rgb(240, 242, 245);
+}
 .swTemplateTitle {
-	margin: 0 19px 0 8px;
+	margin: 0 19px 0 3px;
 	line-height: 20px;
 	font-size: 14px;
 	color: rgba(30, 38, 51, 1);

src/views/Project/ProjectSubmitWork/index.tsx

@@ -261,18 +261,20 @@ const ProjectSubmitWork = observer(() => {
 			{fullScreenShow ? null : (
 				<div className={styles.swHeader}>
 					<div className={styles.swHeaderLeft}>
-						<img
-							className={styles.goBackIcon}
-							src={goback}
-							alt=""
-							onClick={(e: any) =>
-								handleShowPopper(
-									e,
-									"返回将放弃当前页面所有操作，确认返回吗？",
-									"bottom-end"
-								)
-							}
-						/>
+						<div className={styles.goBackIconBox}>
+							<img
+								className={styles.goBackIcon}
+								src={goback}
+								alt=""
+								onClick={(e: any) =>
+									handleShowPopper(
+										e,
+										"返回将放弃当前页面所有操作，确认返回吗？",
+										"bottom-end"
+									)
+								}
+							/>
+						</div>
 						<div className={styles.swTemplateTitle}>
 							{templateConfigInfo?.title}
 						</div>

src/views/WorkFlowEdit/index.module.css

@@ -26,12 +26,20 @@
 	align-items: center;
 }
 .goBackIcon {
-	margin-right: 8px;
 	cursor: pointer;
 }
-/* .goBackIcon:hover:{
-	color: ;
-} */
+.goBackIconBox {
+	width: 32px;
+	height: 32px;
+	border-radius: 4px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	margin-right: 3px;
+}
+.goBackIconBox:hover {
+	background-color: rgb(240, 242, 245);
+}
 .goBack {
 	cursor: pointer;
 	color: #1e2633;

src/views/WorkFlowEdit/index.tsx

@@ -197,7 +197,9 @@ const WorkFlowEdit = observer((props: IProps) => {
 						)
 					}
 				>
-					<img className={styles.goBackIcon} src={goback} alt="" />
+					<div className={styles.goBackIconBox}>
+						<img className={styles.goBackIcon} src={goback} alt="" />
+					</div>
 					<span className={styles.goBack}>返回</span>
 				</div>
 				<div className={styles.swHeaderRight}>