✨ fix: Group节点选中样式 (#26)

Co-authored-by: jiangchu <[email protected]>
ant-design · Oct 26, 2023 · 8931967 · 8931967
1 parent c562b1c
commit 8931967
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 2 deletions.
diff --git a/src/BloodGroupNode/index.tsx b/src/BloodGroupNode/index.tsx
@@ -73,7 +73,7 @@ const BloodNodeGroup: React.FC<BloodNodeGroupProps> = ({
           _node.des = data.describe;
           return GroupItem(_node);
         })}
-        <div className={styles.btnWrap}></div>
+        <div className={`${styles.btnWrap} buttonWrap`}></div>
         <div className={styles.btn}>
           查看更多
           <img

diff --git a/src/BloodGroupNode/styles.ts b/src/BloodGroupNode/styles.ts
@@ -56,7 +56,7 @@ export const useStyles = createStyles(({ css }) => ({
     box-sizing: border-box;
     padding: 16px 12px;
     background: #fff;
-    margin-bottom: 24px;
+    margin-bottom: 26px;
     border-radius: 8px;
     border: 1px solid rgba(255, 255, 255, 0.04);
     box-shadow: 0 4px 6px -2px rgba(25, 15, 15, 0.05), 0 0 1px 0 rgba(0, 0, 0, 0.08);
@@ -107,6 +107,13 @@ export const useStyles = createStyles(({ css }) => ({
     box-shadow: 0 0 0 3px #1677ff, 0 1px 4px 1px rgba(0, 0, 0, 8%) !important;
 
     .buttonWrap {
+      width: 100%;
+      height: 70px;
+      position: absolute;
+      bottom: 0;
+      left: 0;
+      z-index: 11;
+      opacity: 0.7;
       background-color: #ecf3fe;
     }
   `,
@@ -115,6 +122,13 @@ export const useStyles = createStyles(({ css }) => ({
     background-color: #ecf3fe;
 
     .buttonWrap {
+      width: 100%;
+      height: 70px;
+      position: absolute;
+      bottom: 0;
+      left: 0;
+      z-index: 11;
+      opacity: 0.7;
       background-color: #ecf3fe;
     }
   `,