bingyi/shopxo-diy
1
0
Fork 0
mirror of https://gitee.com/zongzhige/shopxo-diy.git synced 2026-07-09 06:50:40 +08:00
Code Issues Packages Projects Releases Wiki Activity

新增组件

Browse Source
This commit is contained in:
于肖磊
2024-12-30 09:32:19 +08:00
parent afd2c7bf5e
commit 2928397916
1 changed files with 25 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/components/common/shadow-config/index.vue Normal file
View File

@ -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>