浏览代码

docs: overview Click to jump optimization

zhangyumei.0319 3 年之前
父节点
当前提交
7630a67754
共有 1 个文件被更改,包括 15 次插入7 次删除
  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>
     );
 };