feat: 删除图标增加hover效果

src/assets/project/deleteHover.svg

+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 58备份 7</title>
+    <g id="上线UI" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="编组-58备份-7">
+            <rect id="矩形" x="0" y="0" width="16" height="16"></rect>
+            <g id="编组-50" transform="translate(1.000000, 1.605109)" stroke="#565C66" stroke-width="1.5">
+                <line x1="0" y1="2.39431484" x2="14" y2="2.39431484" id="路径-16"></line>
+                <path d="M3.37934347,2.39431484 L3.37934347,1 C3.37934347,0.44771525 3.82705872,1.01453063e-16 4.37934347,0 L9.63329305,0 C10.1855778,-1.01453063e-16 10.6332931,0.44771525 10.6332931,1 L10.6332931,2.39431484 L10.6332931,2.39431484" id="路径-17"></path>
+                <path d="M2.45321216,3.89402686 L2.45321216,11.9292428 C2.45321216,12.4815275 2.90092741,12.9292428 3.45321216,12.9292428 L10.4872657,12.9292428 C11.0395505,12.9292428 11.4872657,12.4815275 11.4872657,11.9292428 L11.4872657,3.89402686 L11.4872657,3.89402686" id="路径-20"></path>
+                <line x1="5.49894415" y1="3.89402686" x2="5.49894415" y2="10.3954667" id="路径-21"></line>
+                <line x1="8.49836822" y1="3.89402686" x2="8.49836822" y2="10.3954667" id="路径-22"></line>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file

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

@@ -71,6 +71,13 @@
 }
 .deleteIcon {
 	cursor: pointer;
+	width: 16px;
+	height: 16px;
+	background-image: url(../../../../assets/project/jobDel.svg);
+	background-repeat: no-repeat;
+}
+.deleteIcon:hover {
+	background-image: url(../../../../assets/project/deleteHover.svg);
 }
 .deleteIconDisabled {
 	cursor: not-allowed;

src/views/Project/ProjectData/SeeDataset/index.tsx

@@ -296,15 +296,13 @@ const SeeDataset = observer((props: ISeeDatasetProps) => {
 									onChange={(e) => handleQueryChange(e, index)}
 									sx={{ marginRight: "16px", width: "180px" }}
 								></MyInput>
-								<img
+								<div
 									onClick={() => handleDeleteQuery(index)}
-									src={jobDel}
-									alt=""
 									className={classNames({
 										[style.deleteIcon]: true,
 										[style.deleteIconDisabled]: querylist.length === 1,
 									})}
-								/>
+								></div>
 							</div>
 						);
 					})}