From 4aff784d65bdaf3402fd4cdb616d093b870d6845 Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@youzan.com>
Date: Sat, 4 Jul 2020 17:46:17 +0800
Subject: [PATCH] feat(cli): DemoBlock add card style (#6702)

---
 .../vant-cli/site/mobile/components/DemoBlock.vue    | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/packages/vant-cli/site/mobile/components/DemoBlock.vue b/packages/vant-cli/site/mobile/components/DemoBlock.vue
index 9e8cb782d..625cade8d 100644
--- a/packages/vant-cli/site/mobile/components/DemoBlock.vue
+++ b/packages/vant-cli/site/mobile/components/DemoBlock.vue
@@ -1,7 +1,10 @@
 <template>
   <div class="van-doc-demo-block">
     <h2 class="van-doc-demo-block__title">{{ title }}</h2>
-    <slot />
+    <div v-if="card" class="van-doc-demo-block__card">
+      <slot />
+    </div>
+    <slot v-else />
   </div>
 </template>
 
@@ -10,6 +13,7 @@ export default {
   name: 'demo-block',
 
   props: {
+    card: Boolean,
     title: String,
   },
 };
@@ -28,6 +32,12 @@ export default {
     line-height: 16px;
   }
 
+  &__card {
+    margin: 0 12px 0;
+    overflow: hidden;
+    border-radius: 8px;
+  }
+
   &:first-of-type {
     .van-doc-demo-block__title {
       padding-top: 20px;