From dcdf468eddc6739534fd86f5e2de3cb77e0a9339 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=80=E6=9D=A5=E4=BA=8C=E5=BE=80?=
 <45688743+yilaierwang@users.noreply.github.com>
Date: Mon, 17 Oct 2022 16:25:27 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E8=B0=83=E6=95=B4=20demo=20card=20?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=20(#1631)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* fix: 调整 demo card 样式

* fix: update card snapshot
---
 src/card/__tests__/__snapshots__/demo.test.js.snap | 2 +-
 src/card/_example/footer-actions.vue               | 6 +++---
 test/ssr/__snapshots__/ssr.test.js.snap            | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/card/__tests__/__snapshots__/demo.test.js.snap b/src/card/__tests__/__snapshots__/demo.test.js.snap
index e12619eba..22555d6a7 100644
--- a/src/card/__tests__/__snapshots__/demo.test.js.snap
+++ b/src/card/__tests__/__snapshots__/demo.test.js.snap
@@ -258,7 +258,7 @@ exports[`Card Card footerActionsVue demo works fine 1`] = `
         >
           <button
             class="t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square"
-            style="margin-right: 16px;"
+            style="margin-right: 8px;"
             type="button"
           >
             <span
diff --git a/src/card/_example/footer-actions.vue b/src/card/_example/footer-actions.vue
index dc357311d..f58ce248e 100644
--- a/src/card/_example/footer-actions.vue
+++ b/src/card/_example/footer-actions.vue
@@ -30,11 +30,11 @@
     <br />
     <t-card :cover="cover" theme="poster2" :style="{ width: '400px' }">
       <template #footer>
-        <t-button variant="text" shape="square" :style="{ 'margin-right': '16px' }">
-          <heart-icon size="24" />
+        <t-button variant="text" shape="square" :style="{ 'margin-right': '8px' }">
+          <heart-icon size="16" />
         </t-button>
         <t-button variant="text" shape="square">
-          <share-icon size="24" />
+          <share-icon size="16" />
         </t-button>
       </template>
       <template #actions>
diff --git a/test/ssr/__snapshots__/ssr.test.js.snap b/test/ssr/__snapshots__/ssr.test.js.snap
index 58dafd665..53ee86b05 100644
--- a/test/ssr/__snapshots__/ssr.test.js.snap
+++ b/test/ssr/__snapshots__/ssr.test.js.snap
@@ -2740,7 +2740,7 @@ exports[`ssr snapshot test renders ./src/card/_example/footer-actions.vue correc
     <div class="t-card t-card--bordered" style="width:400px;">
       <div class="t-card__cover"><img src="https://tdesign.gtimg.com/site/source/card-demo.png"></div>
       <div class="t-card__footer">
-        <div class="t-card__footer-wrapper"><button type="button" class="t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square" style="margin-right:16px;"><span class="t-button__text"><svg fill="none" viewBox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-heart" style="font-size:24;"><path fill="currentColor" d="M8 5.86l1.06-.98a2.35 2.35 0 013.25 3.4L8 12.57l-4.31-4.3a2.35 2.35 0 013.25-3.4L8 5.86zm-.39-1.72a3.35 3.35 0 00-4.63 4.84l4.87 4.87a.2.2 0 00.3 0l4.87-4.87a3.35 3.35 0 00-4.63-4.84L8 4.5l-.39-.36z" fill-opacity="0.9"></path></svg></span></button> <button type="button" class="t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-share" style="font-size:24;"><path fill="currentColor" d="M9.93 5.36a2.31 2.31 0 004.02-1.57 2.32 2.32 0 10-4.52.7L6.07 6.45a2.31 2.31 0 00-4.02 1.58A2.32 2.32 0 006.07 9.6l3.36 1.96a2.32 2.32 0 10.5-.87L6.57 8.73a2.32 2.32 0 000-1.41l3.36-1.96zm1.7-2.9a1.32 1.32 0 110 2.64 1.32 1.32 0 010-2.63zM5.5 7.35a.5.5 0 00.03.05 1.31 1.31 0 01-.03 1.33 1.32 1.32 0 110-1.38zm4.83 4.93c0-.22.05-.43.14-.6a.52.52 0 00.07-.13 1.32 1.32 0 11-.21.73z" fill-opacity="0.9"></path></svg></span></button></div>
+        <div class="t-card__footer-wrapper"><button type="button" class="t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square" style="margin-right:8px;"><span class="t-button__text"><svg fill="none" viewBox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-heart" style="font-size:16;"><path fill="currentColor" d="M8 5.86l1.06-.98a2.35 2.35 0 013.25 3.4L8 12.57l-4.31-4.3a2.35 2.35 0 013.25-3.4L8 5.86zm-.39-1.72a3.35 3.35 0 00-4.63 4.84l4.87 4.87a.2.2 0 00.3 0l4.87-4.87a3.35 3.35 0 00-4.63-4.84L8 4.5l-.39-.36z" fill-opacity="0.9"></path></svg></span></button> <button type="button" class="t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-share" style="font-size:16;"><path fill="currentColor" d="M9.93 5.36a2.31 2.31 0 004.02-1.57 2.32 2.32 0 10-4.52.7L6.07 6.45a2.31 2.31 0 00-4.02 1.58A2.32 2.32 0 006.07 9.6l3.36 1.96a2.32 2.32 0 10.5-.87L6.57 8.73a2.32 2.32 0 000-1.41l3.36-1.96zm1.7-2.9a1.32 1.32 0 110 2.64 1.32 1.32 0 010-2.63zM5.5 7.35a.5.5 0 00.03.05 1.31 1.31 0 01-.03 1.33 1.32 1.32 0 110-1.38zm4.83 4.93c0-.22.05-.43.14-.6a.52.52 0 00.07-.13 1.32 1.32 0 11-.21.73z" fill-opacity="0.9"></path></svg></span></button></div>
         <div class="t-card__actions"><button type="button" class="t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-more" style="font-size:24;"><path fill="currentColor" d="M8 4a1 1 0 100-2 1 1 0 000 2zM8 9a1 1 0 100-2 1 1 0 000 2zM9 13a1 1 0 11-2 0 1 1 0 012 0z" fill-opacity="0.9"></path></svg></span></button></div>
       </div>
     </div>