Browse Source

docs: overview Click to jump optimization

zhangyumei.0319 3 years ago
parent
commit
7630a67754
1 changed files with 15 additions and 7 deletions
  1. 15 7
      src/components/ComponentOverview/card.jsx

+ 15 - 7
src/components/ComponentOverview/card.jsx

@@ -67,15 +67,23 @@ const ComponentCard = props => {
         return () => observer.disconnect();
     }, []);
     return (
-        <div
-            onClick={() => {
-                navigate(url);
+        <a 
+            href={url} 
+            onClickCapture={(e) => {
+                e.preventDefault();
             }}
-            className="semi-overview-card"
         >
-            <img src={imgUrl} className="semi-overview-card-image" />
-            <div className="semi-overview-card-text">{props.name}</div>
-        </div>
+            <div
+                onClick={(e) => {
+                    navigate(url);
+                    e.stopPropagation();
+                }}
+                className="semi-overview-card"
+            >
+                <img src={imgUrl} className="semi-overview-card-image" />
+                <div className="semi-overview-card-text">{props.name}</div>
+            </div>
+        </a>
     );
 };