feat(Link): 解决嵌套a标签样式冲突的问题 (#828)

WeBankFinTech · Jun 4, 2024 · dd5381b · dd5381b
1 parent 9b9f4f4
commit dd5381b
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/components/link/style/index.less b/components/link/style/index.less
@@ -9,8 +9,15 @@
     display: inline-flex;
     align-items: center;
     justify-content: flex-start;
+    color: var(--f-text-color);
+    text-decoration: none;
     cursor: pointer;
 
+    a {
+        color: inherit;
+        text-decoration: inherit;
+    }
+
     .icon {
         display: flex;
         align-items: center;

diff --git a/docs/.vitepress/components/link/href.vue b/docs/.vitepress/components/link/href.vue
@@ -1,3 +1,8 @@
 <template>
-    <FLink href="https://fesjs.mumblefe.cn/" target="_blank">Fes.js官网</FLink>
+    <FSpace>
+        <FLink href="https://fesjs.mumblefe.cn/" target="_blank">Fes.js官网</FLink>
+        <FLink type="primary">
+            <a href="https://fesjs.mumblefe.cn/" target="_blank">Fes.js官网</a>
+        </FLink>
+    </FSpace>
 </template>