style(result): add result demo spacing (#844)

Tencent · Jun 9, 2023 · 2b8c635 · 2b8c635
1 parent 533eb8a
commit 2b8c635
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 9 deletions.
diff --git a/src/result/__test__/__snapshots__/demo.test.jsx.snap b/src/result/__test__/__snapshots__/demo.test.jsx.snap
@@ -135,7 +135,7 @@ exports[`Result > Result mobileVue demo works fine 1`] = `
       
       <div>
         <div
-          class="t-result t-result--theme-success"
+          class="t-result t-result--theme-success space"
         >
           <div
             class="t-result__thumb"
@@ -175,7 +175,7 @@ exports[`Result > Result mobileVue demo works fine 1`] = `
       </div>
       <div>
         <div
-          class="t-result t-result--theme-error"
+          class="t-result t-result--theme-error space"
         >
           <div
             class="t-result__thumb"
@@ -215,7 +215,7 @@ exports[`Result > Result mobileVue demo works fine 1`] = `
       </div>
       <div>
         <div
-          class="t-result t-result--theme-warning"
+          class="t-result t-result--theme-warning space"
         >
           <div
             class="t-result__thumb"
@@ -255,7 +255,7 @@ exports[`Result > Result mobileVue demo works fine 1`] = `
       </div>
       <div>
         <div
-          class="t-result t-result--theme-default"
+          class="t-result t-result--theme-default space"
         >
           <div
             class="t-result__thumb"
@@ -445,7 +445,7 @@ exports[`Result > Result themeVue demo works fine 1`] = `
   
   <div>
     <div
-      class="t-result t-result--theme-success"
+      class="t-result t-result--theme-success space"
     >
       <div
         class="t-result__thumb"
@@ -485,7 +485,7 @@ exports[`Result > Result themeVue demo works fine 1`] = `
   </div>
   <div>
     <div
-      class="t-result t-result--theme-error"
+      class="t-result t-result--theme-error space"
     >
       <div
         class="t-result__thumb"
@@ -525,7 +525,7 @@ exports[`Result > Result themeVue demo works fine 1`] = `
   </div>
   <div>
     <div
-      class="t-result t-result--theme-warning"
+      class="t-result t-result--theme-warning space"
     >
       <div
         class="t-result__thumb"
@@ -565,7 +565,7 @@ exports[`Result > Result themeVue demo works fine 1`] = `
   </div>
   <div>
     <div
-      class="t-result t-result--theme-default"
+      class="t-result t-result--theme-default space"
     >
       <div
         class="t-result__thumb"

diff --git a/src/result/demos/theme.vue b/src/result/demos/theme.vue
@@ -1,6 +1,6 @@
 <template>
   <div v-for="(item, index) in resultList" :key="index">
-    <t-result :theme="item.theme" :title="item.title" :description="item.description" />
+    <t-result :theme="item.theme" :title="item.title" :description="item.description" class="space" />
   </div>
 </template>
 
@@ -36,3 +36,9 @@ const props = defineProps({
   description: String,
 });
 </script>
+
+<style>
+.space {
+  margin-bottom: 48px;
+}
+</style>