首页分类筛选框优化

src/pages/index/index.module.scss

@@ -90,15 +90,7 @@
     overflow: hidden;
     text-overflow: ellipsis;
   }
-}
+  .act-category-child-tit {
-
-.active-child-item {
-  width: 100%;
-  float: left;
-  height: auto;
-  box-sizing: border-box;
-  padding-left: 20px;
-  .category-child-tit {
     width: 100%;
     font-size: 14px;
     font-weight: 400;

src/pages/index/index.tsx

@@ -163,16 +163,13 @@ const IndexPage = () => {
     return (
       <>
         {data.map((item: any) => (
+          <div key={item.key} className={styles["child-item"]}>
             <div
-            key={item.key}
               className={
                 item.key === categoryId
-                ? styles["active-child-item"]
+                  ? styles["act-category-child-tit"]
-                : styles["child-item"]
+                  : styles["category-child-tit"]
               }
-          >
-            <div
-              className={styles["category-child-tit"]}
               onClick={() => {
                 setCategoryId(item.key);
                 setCategoryText(item.title);