feat: 复选框增加黑色背景的样式

src/assets/project/blackCheckBox.svg

+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="15px" height="15px" viewBox="0 0 15 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>矩形备份 7</title>
+    <g id="上线UI" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <rect id="矩形备份-7" stroke="#565C66" fill="#1E2633" x="0.5" y="0.5" width="14" height="14" rx="2"></rect>
+    </g>
+</svg>
\ No newline at end of file

src/assets/project/blackCheckBoxActive.svg

+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="15px" height="15px" viewBox="0 0 15 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 64</title>
+    <g id="上线UI" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="编组-64">
+            <rect id="矩形备份-28" fill="#1370FF" x="0" y="0" width="15" height="15" rx="2"></rect>
+            <polyline id="路径-26" stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" points="3.5 7.83740166 6.77434245 10.5 11.5 4.5"></polyline>
+        </g>
+    </g>
+</svg>
\ No newline at end of file

src/assets/project/blackCheckBoxHover.svg

+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="15px" height="15px" viewBox="0 0 15 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>矩形备份 22</title>
+    <g id="上线UI" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <rect id="矩形备份-22" stroke="#565C66" fill="#000000" x="0.5" y="0.5" width="14" height="14" rx="2"></rect>
+    </g>
+</svg>
\ No newline at end of file

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

@@ -94,3 +94,21 @@
 .nullBox {
 	visibility: hidden;
 }
+.blackCheckBox {
+	position: absolute;
+	top: 16px;
+	right: 20px;
+	z-index: 1;
+	width: 15px;
+	height: 15px;
+	background-image: url(../../../../../../assets/project/blackCheckBox.svg);
+}
+.blackCheckBoxActive {
+	background-image: url(../../../../../../assets/project/blackCheckBoxActive.svg);
+}
+.blackCheckBox:hover {
+	background-image: url(../../../../../../assets/project/blackCheckBoxHover.svg);
+}
+.blackCheckBoxActive:hover {
+	background-image: url(../../../../../../assets/project/blackCheckBoxActive.svg);
+}

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

@@ -73,9 +73,6 @@ const DatasetCardTable = (props: IDatasetCardTableProps) => {
 										)}
 									</div>
 									<div className={style.datasetLiBottom}>
-										{/* <div className={style.datasetLiTitle} title={item.smiles}>
-											{item.smiles}
-										</div> */}
 										{showData.length !== 0 && (
 											<div className={style.datasetLiDataList}>
 												{Object.keys(item)
@@ -117,23 +114,13 @@ const DatasetCardTable = (props: IDatasetCardTableProps) => {
 										/>
 									)}
 									{graphicDimension === "3D" && (
-										<Checkbox
-											size="small"
-											sx={{
-												position: "absolute",
-												top: "16px",
-												right: "20px",
-												zIndex: 1,
-												borderRadius: "2px",
-												width: "16px",
-												height: "16px",
-												padding: "0px",
-												background: "RGBA(30, 38, 51, 1)",
-												":hover": {
-													background: "#136EFA",
-												},
-											}}
-											checked={selectItems.includes(item.id)}
+										<div
+											className={classNames({
+												[style.blackCheckBox]: true,
+												[style.blackCheckBoxActive]: selectItems.includes(
+													item.id
+												),
+											})}
 										/>
 									)}
 								</div>