From a1d7e81859f554f3a53680cc35f0f49bf1f77098 Mon Sep 17 00:00:00 2001
From: wwf <1971391498@qq.com>
Date: 星期四, 14 五月 2026 14:37:02 +0800
Subject: [PATCH] 导入项目
---
src/components/DiyEditor/components/mobile/FloatingActionButton/property.vue | 44 ++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 44 insertions(+), 0 deletions(-)
diff --git a/src/components/DiyEditor/components/mobile/FloatingActionButton/property.vue b/src/components/DiyEditor/components/mobile/FloatingActionButton/property.vue
new file mode 100644
index 0000000..6eeb217
--- /dev/null
+++ b/src/components/DiyEditor/components/mobile/FloatingActionButton/property.vue
@@ -0,0 +1,44 @@
+<template>
+ <el-form label-width="80px" :model="formData">
+ <el-card header="鎸夐挳閰嶇疆" class="property-group" shadow="never">
+ <el-form-item label="灞曞紑鏂瑰悜" prop="direction">
+ <el-radio-group v-model="formData.direction">
+ <el-radio value="vertical">鍨傜洿</el-radio>
+ <el-radio value="horizontal">姘村钩</el-radio>
+ </el-radio-group>
+ </el-form-item>
+ <el-form-item label="鏄剧ず鏂囧瓧" prop="showText">
+ <el-switch v-model="formData.showText" />
+ </el-form-item>
+ </el-card>
+ <el-card header="鎸夐挳鍒楄〃" class="property-group" shadow="never">
+ <Draggable v-model="formData.list" :empty-item="{ textColor: '#fff' }">
+ <template #default="{ element, index }">
+ <el-form-item label="鍥炬爣" :prop="`list[${index}].imgUrl`">
+ <UploadImg v-model="element.imgUrl" height="56px" width="56px" />
+ </el-form-item>
+ <el-form-item label="鏂囧瓧" :prop="`list[${index}].text`">
+ <InputWithColor v-model="element.text" v-model:color="element.textColor" />
+ </el-form-item>
+ <el-form-item label="璺宠浆閾炬帴" :prop="`list[${index}].url`">
+ <AppLinkInput v-model="element.url" />
+ </el-form-item>
+ </template>
+ </Draggable>
+ </el-card>
+ </el-form>
+</template>
+
+<script setup lang="ts">
+import { FloatingActionButtonProperty } from './config'
+import { useVModel } from '@vueuse/core'
+
+// 鎮诞鎸夐挳灞炴�ч潰鏉�
+defineOptions({ name: 'FloatingActionButtonProperty' })
+
+const props = defineProps<{ modelValue: FloatingActionButtonProperty }>()
+const emit = defineEmits(['update:modelValue'])
+const formData = useVModel(props, 'modelValue', emit)
+</script>
+
+<style scoped lang="scss"></style>
--
Gitblit v1.8.0