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/index.vue | 42 ++++++++++++++++++++++++++++++++++++++++++
1 files changed, 42 insertions(+), 0 deletions(-)
diff --git a/src/components/DiyEditor/components/mobile/HotZone/index.vue b/src/components/DiyEditor/components/mobile/HotZone/index.vue
new file mode 100644
index 0000000..3a9b842
--- /dev/null
+++ b/src/components/DiyEditor/components/mobile/HotZone/index.vue
@@ -0,0 +1,42 @@
+<template>
+ <div class="relative h-full min-h-30px w-full">
+ <el-image :src="property.imgUrl" class="pointer-events-none h-full w-full select-none" />
+ <div
+ v-for="(item, index) in property.list"
+ :key="index"
+ class="hot-zone"
+ :style="{
+ width: `${item.width}px`,
+ height: `${item.height}px`,
+ top: `${item.top}px`,
+ left: `${item.left}px`
+ }"
+ >
+ {{ item.name }}
+ </div>
+ </div>
+</template>
+
+<script setup lang="ts">
+import { HotZoneProperty } from './config'
+
+/** 鐑尯 */
+defineOptions({ name: 'HotZone' })
+const props = defineProps<{ property: HotZoneProperty }>()
+</script>
+
+<style scoped lang="scss">
+.hot-zone {
+ position: absolute;
+ background: var(--el-color-primary-light-7);
+ opacity: 0.8;
+ border: 1px solid var(--el-color-primary);
+ color: var(--el-color-primary);
+ font-size: 14px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ cursor: move;
+ z-index: 10;
+}
+</style>
--
Gitblit v1.8.0