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