From f0b652c60040e12df215122755d7017fd1dc664d Mon Sep 17 00:00:00 2001
From: hantao <hantao@fanxiapp.com>
Date: Mon, 2 Feb 2026 09:53:20 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E8=B7=9F=E6=8D=A2=E5=9B=BE?=
 =?UTF-8?q?=E7=89=87=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Card.vue | 12 ++++++++++--
 src/const/hoverTilt.ts  |  7 +++++++
 src/stores/hoverTilt.ts |  2 +-
 3 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/src/components/Card.vue b/src/components/Card.vue
index 8298b2a..65137a8 100644
--- a/src/components/Card.vue
+++ b/src/components/Card.vue
@@ -1,12 +1,20 @@
 <script setup lang="ts">
 import { useEditorStore } from '@/stores/editor';
 import { useHoverTiltStore } from '@/stores/hoverTilt';
-import { computed } from 'vue';
+import {computed, watchEffect} from 'vue';
 const store = useEditorStore();
 const tilt_store = useHoverTiltStore();
+
 const borderRadiusStyle = computed(() => ({
   '--border-radius': store.formData['border-radius'] + 'px'
 }));
+
+watchEffect(() => {
+  console.log(tilt_store.tiltProps.shadow)
+});
+
+
+
 </script>
 
 <style scoped>
@@ -19,7 +27,7 @@ img {
   <!-- 利用这个元素承载 style 穿透到hover-tilt 内 -->
   <div class="container" :style="borderRadiusStyle">
     <hover-tilt v-bind="tilt_store.tiltProps" class="hover-tilt">
-      <img :src="store.formData.image.src" :style="store.imageStyle" />
+      <img :src="store.formData.image?.src ?? 'https://images.pokemontcg.io/swsh4/25_hires.png'" :style="store.imageStyle" />
     </hover-tilt>
   </div>
 </template>
diff --git a/src/const/hoverTilt.ts b/src/const/hoverTilt.ts
index 7eb30ca..177e5d1 100644
--- a/src/const/hoverTilt.ts
+++ b/src/const/hoverTilt.ts
@@ -46,6 +46,13 @@ export const hoverTiltConfig = [
 			step: 50
 		}
 	},
+
+	{
+		label: "shadow2",
+		value: true,
+		params: {
+		}
+	},
 	//TODO:shadow @see https://hover-tilt.simey.me/options/props/#shadow
 	{
 		label: "shadow-blur",
diff --git a/src/stores/hoverTilt.ts b/src/stores/hoverTilt.ts
index 18dd70f..ba6f623 100644
--- a/src/stores/hoverTilt.ts
+++ b/src/stores/hoverTilt.ts
@@ -19,7 +19,7 @@ export const useHoverTiltStore = defineStore('hoverTilt', () => {
   const tiltProps = computed(() => {
     const props: Record<string, any> = {}
     Object.entries(formData).forEach(([key, value]) => {
-      if (value !== undefined) {
+      if (value !== undefined && value !== false) {
         props[key] = value
       }
     })