From 751b4614dfc562eb685160cd5bab068b95ae4a92 Mon Sep 17 00:00:00 2001
From: Zhufu <1176354795@qq.com>
Date: Fri, 31 May 2024 14:23:39 +0800
Subject: [PATCH] =?UTF-8?q?[=E8=A1=A8=E5=8D=95=E8=AE=BE=E8=AE=A1]=E5=8D=A1?=
 =?UTF-8?q?=E7=89=87=E9=98=B4=E5=BD=B1=E9=A2=84=E8=A7=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../VFormCreate/components/FormRender.vue        | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/views/demo/form-design/components/VFormCreate/components/FormRender.vue b/src/views/demo/form-design/components/VFormCreate/components/FormRender.vue
index 334ac8c7..f940eb8d 100644
--- a/src/views/demo/form-design/components/VFormCreate/components/FormRender.vue
+++ b/src/views/demo/form-design/components/VFormCreate/components/FormRender.vue
@@ -44,9 +44,9 @@
     </Row>
   </template>
   <template v-else-if="['Card'].includes(schema.component)">
-    <a-row class="grid-row" style="width:100%">
+    <a-row class="grid-row" style="width:100%;padding:10px;">
       <a-col class="grid-col" :span="schema.colProps.span">
-        <a-card :title="schema.label">
+        <a-card :title="schema.label" :class="schema.shadow === 'always'? 'card-always': schema.shadow === 'hover'? 'card-hover': ''">
           <a-row class="grid-row">
             <a-col
               class="grid-col"
@@ -172,4 +172,16 @@
   .v-form-render-item {
     overflow: hidden;
   }
+  .card-always{
+    border-color: transparent;
+    box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
+  }
+  .card-hover{
+    transition: box-shadow 0.2s, border-color 0.2s;
+  }
+  .card-hover:hover{
+    border-color: transparent;
+    box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
+  }
+
 </style>