From 11caf8caf3c38cd2b46fe4526c9cdf76bd78bdb8 Mon Sep 17 00:00:00 2001
From: invalid w <wangjuesix@gmail.com>
Date: Fri, 20 Sep 2024 11:01:18 +0800
Subject: [PATCH] =?UTF-8?q?chore:=20=E4=BC=98=E5=8C=96demo=E8=83=8C?=
 =?UTF-8?q?=E6=99=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/examples/verify/rotate-verify/index.vue       | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/playground/src/views/examples/verify/rotate-verify/index.vue b/playground/src/views/examples/verify/rotate-verify/index.vue
index 64ef8637537..12a7f9d4067 100644
--- a/playground/src/views/examples/verify/rotate-verify/index.vue
+++ b/playground/src/views/examples/verify/rotate-verify/index.vue
@@ -6,7 +6,7 @@ import { Bell, Sun } from '@vben/icons';
 import { preferences } from '@vben/preferences';
 import { useUserStore } from '@vben/stores';
 
-import { message } from 'ant-design-vue';
+import { Card, message } from 'ant-design-vue';
 
 const userStore = useUserStore();
 function handleSuccess() {
@@ -20,7 +20,7 @@ const avatar = computed(() => {
 
 <template>
   <Page title="旋转校验示例">
-    <div class="flex items-center justify-center p-4">
+    <Card class="flex items-center justify-center p-4">
       <RotateVerify
         :src="avatar"
         text="拖动以进行校验"
@@ -31,6 +31,6 @@ const avatar = computed(() => {
           <Sun v-else />
         </template>
       </RotateVerify>
-    </div>
+    </Card>
   </Page>
 </template>