From 2928397916bd55dfd8a7c37de45d265e658b1702 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BA=8E=E8=82=96=E7=A3=8A?= <18851179580@163.com>
Date: Mon, 30 Dec 2024 09:32:19 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/shadow-config/index.vue | 25 +++++++++++++++++++
 1 file changed, 25 insertions(+)
 create mode 100644 src/components/common/shadow-config/index.vue

diff --git a/src/components/common/shadow-config/index.vue b/src/components/common/shadow-config/index.vue
new file mode 100644
index 00000000..eee83f23
--- /dev/null
+++ b/src/components/common/shadow-config/index.vue
@@ -0,0 +1,25 @@
+<template>
+    <el-form-item label="阴影设置">
+        <div class="flex-col gap-10 w">
+            <el-form-item label="颜色" label-width="45">
+                <color-picker v-model="form.box_shadow_color"></color-picker>
+            </el-form-item>
+            <el-form-item label="X轴" label-width="45">
+                <slider v-model="form.box_shadow_x" :min="-20" :max="20"></slider>
+            </el-form-item>
+            <el-form-item label="Y轴" label-width="45">
+                <slider v-model="form.box_shadow_y" :min="-20" :max="20"></slider>
+            </el-form-item>
+            <el-form-item label="模糊" label-width="45">
+                <slider v-model="form.box_shadow_blur"></slider>
+            </el-form-item>
+            <el-form-item label="扩展" label-width="45">
+                <slider v-model="form.box_shadow_spread"></slider>
+            </el-form-item>
+        </div>
+    </el-form-item>
+</template>
+
+<script setup lang="ts">
+const form = defineModel({ type: Object, default: {}, required: true})
+</script>
\ No newline at end of file