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/Popover/index.vue | 38 ++++++++++++++++++++++++++++++++++++++
1 files changed, 38 insertions(+), 0 deletions(-)
diff --git a/src/components/DiyEditor/components/mobile/Popover/index.vue b/src/components/DiyEditor/components/mobile/Popover/index.vue
new file mode 100644
index 0000000..347599b
--- /dev/null
+++ b/src/components/DiyEditor/components/mobile/Popover/index.vue
@@ -0,0 +1,38 @@
+<template>
+ <div
+ v-for="(item, index) in property.list"
+ :key="index"
+ class="absolute bottom-50% right-50% h-454px w-292px border-1px border-gray border-rounded-4px border-solid bg-white p-1px"
+ :style="{
+ zIndex: 100 + index + (activeIndex === index ? 100 : 0),
+ marginRight: `${-146 - index * 20}px`,
+ marginBottom: `${-227 - index * 20}px`
+ }"
+ @click="handleActive(index)"
+ >
+ <el-image :src="item.imgUrl" fit="contain" class="h-full w-full">
+ <template #error>
+ <div class="h-full w-full flex items-center justify-center">
+ <Icon icon="ep:picture" />
+ </div>
+ </template>
+ </el-image>
+ <div class="absolute right-1 top-1 text-12px">{{ index + 1 }}</div>
+ </div>
+</template>
+<script setup lang="ts">
+import { PopoverProperty } from './config'
+
+/** 寮圭獥骞垮憡 */
+defineOptions({ name: 'Popover' })
+// 瀹氫箟灞炴��
+defineProps<{ property: PopoverProperty }>()
+
+// 澶勭悊閫変腑
+const activeIndex = ref(0)
+const handleActive = (index: number) => {
+ activeIndex.value = index
+}
+</script>
+
+<style scoped lang="scss"></style>
--
Gitblit v1.8.0