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/HotZone/property.vue | 63 +++++++++++++++++++++++++++++++
1 files changed, 63 insertions(+), 0 deletions(-)
diff --git a/src/components/DiyEditor/components/mobile/HotZone/property.vue b/src/components/DiyEditor/components/mobile/HotZone/property.vue
new file mode 100644
index 0000000..65892f8
--- /dev/null
+++ b/src/components/DiyEditor/components/mobile/HotZone/property.vue
@@ -0,0 +1,63 @@
+<template>
+ <ComponentContainerProperty v-model="formData.style">
+ <!-- 琛ㄥ崟 -->
+ <el-form label-width="80px" :model="formData" class="m-t-8px">
+ <el-form-item label="涓婁紶鍥剧墖" prop="imgUrl">
+ <UploadImg v-model="formData.imgUrl" height="50px" width="auto" class="min-w-80px">
+ <template #tip>
+ <el-text type="info" size="small"> 鎺ㄨ崘瀹藉害 750</el-text>
+ </template>
+ </UploadImg>
+ </el-form-item>
+ </el-form>
+
+ <el-button type="primary" plain class="w-full" @click="handleOpenEditDialog">
+ 璁剧疆鐑尯
+ </el-button>
+ </ComponentContainerProperty>
+ <!-- 鐑尯缂栬緫瀵硅瘽妗� -->
+ <HotZoneEditDialog ref="editDialogRef" v-model="formData.list" :img-url="formData.imgUrl" />
+</template>
+
+<script setup lang="ts">
+import { useVModel } from '@vueuse/core'
+import { HotZoneProperty } from '@/components/DiyEditor/components/mobile/HotZone/config'
+import HotZoneEditDialog from './components/HotZoneEditDialog/index.vue'
+
+/** 鐑尯灞炴�ч潰鏉� */
+defineOptions({ name: 'HotZoneProperty' })
+
+const props = defineProps<{ modelValue: HotZoneProperty }>()
+const emit = defineEmits(['update:modelValue'])
+const formData = useVModel(props, 'modelValue', emit)
+
+// 鐑尯缂栬緫瀵硅瘽妗�
+const editDialogRef = ref()
+// 鎵撳紑鐑尯缂栬緫瀵硅瘽妗�
+const handleOpenEditDialog = () => {
+ editDialogRef.value.open()
+}
+</script>
+
+<style scoped lang="scss">
+.hot-zone {
+ position: absolute;
+ background: #409effbf;
+ border: 1px solid var(--el-color-primary);
+ color: #fff;
+ font-size: 12px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ cursor: move;
+
+ /* 鎺у埗鐐� */
+ .ctrl-dot {
+ position: absolute;
+ width: 4px;
+ height: 4px;
+ border-radius: 50%;
+ background-color: #fff;
+ }
+}
+</style>
--
Gitblit v1.8.0