列表综合筛选

src/components/Title/index.module.scss

@@ -4,8 +4,19 @@
   margin-bottom: 10px;
   gap: 6px;
 }
+
+.icon {
+  width: 16px;
+  height: 16px;
+
+  image {
+    width: 100%;
+    height: 100%;
+  }
+}
+
 .title {
   font-weight: 600;
   font-size: 16px;
   line-height: 20px;
-}
+}

src/components/Title/index.tsx

@@ -2,15 +2,16 @@ import styles from "./index.module.scss";
 interface IProps {
   title: string;
   className?: string;
+  icon?: JSX.Element;
 }
 const TitleComponent = (props: IProps) => {
-  const { title, className } = props;
+  const { title, className, icon } = props;
   return (
     <>
       <div
         className={`${styles.titleContainer} ${className ? className : ""} `}
       >
-        <div>图</div>
+        <div className={styles.icon}>{icon}</div>
         <h1 className={styles.title}>{title}</h1>
       </div>
     </>