fix(link): demo slot usage

Tencent · Jul 19, 2024 · c3863b1 · c3863b1
1 parent 794ee07
commit c3863b1
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 6 deletions.
diff --git a/src/link/_example-ts/disabled.vue b/src/link/_example-ts/disabled.vue
@@ -5,7 +5,9 @@
     <t-link theme="danger" hover="color" disabled @click="clickLink"> 跳转链接 </t-link>
     <t-link theme="warning" hover="underline" disabled :on-click="clickLink"> 跳转链接 </t-link>
     <t-link theme="success" disabled @click="clickLink">
-      <jump-icon slot="suffixIcon" />
+      <template #suffixIcon>
+        <jump-icon />
+      </template>
       跳转链接
     </t-link>
   </t-space>

diff --git a/src/link/_example-ts/icon.vue b/src/link/_example-ts/icon.vue
@@ -2,11 +2,15 @@
   <t-space>
     <t-link theme="default" :prefix-icon="renderPrefixIcon" :on-click="clickLink"> 跳转链接 </t-link>
     <t-link theme="primary" underline href="https://tdesign.tencent.com/" target="_self">
-      <link-icon slot="prefix-icon"></link-icon>
+      <template #prefix-icon>
+        <link-icon />
+      </template>
       跳转链接
     </t-link>
     <t-link theme="danger" hover="color" href="https://tdesign.tencent.com/" target="_blank" @click="clickLink">
-      <jump-icon slot="suffixIcon" />
+      <template #suffix-icon>
+        <jump-icon />
+      </template>
       跳转链接
     </t-link>
     <t-link theme="warning" :suffix-icon="renderSuffixIcon" disabled> 跳转链接 </t-link>

diff --git a/src/link/_example/disabled.vue b/src/link/_example/disabled.vue
@@ -5,7 +5,9 @@
     <t-link theme="danger" hover="color" disabled @click="clickLink"> 跳转链接 </t-link>
     <t-link theme="warning" hover="underline" disabled :on-click="clickLink"> 跳转链接 </t-link>
     <t-link theme="success" disabled @click="clickLink">
-      <jump-icon slot="suffixIcon" />
+      <template #suffixIcon>
+        <jump-icon />
+      </template>
       跳转链接
     </t-link>
   </t-space>

diff --git a/src/link/_example/icon.vue b/src/link/_example/icon.vue
@@ -2,11 +2,15 @@
   <t-space>
     <t-link theme="default" :prefix-icon="renderPrefixIcon" :on-click="clickLink"> 跳转链接 </t-link>
     <t-link theme="primary" underline href="https://tdesign.tencent.com/" target="_self">
-      <link-icon slot="prefix-icon"></link-icon>
+      <template #prefix-icon>
+        <link-icon />
+      </template>
       跳转链接
     </t-link>
     <t-link theme="danger" hover="color" href="https://tdesign.tencent.com/" target="_blank" @click="clickLink">
-      <jump-icon slot="suffixIcon" />
+      <template #suffix-icon>
+        <jump-icon />
+      </template>
       跳转链接
     </t-link>
     <t-link theme="warning" :suffix-icon="renderSuffixIcon" disabled> 跳转链接 </t-link>