From 50ee7232f3c98fe24a1f2e31dba9508cfec14887 Mon Sep 17 00:00:00 2001
From: gjj <Ganjj@probim.com.cn>
Date: Fri, 21 Feb 2025 17:35:39 +0800
Subject: [PATCH] 模型预览
---
src/components/SwitchMap.vue | 46 ++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 46 insertions(+), 0 deletions(-)
diff --git a/src/components/SwitchMap.vue b/src/components/SwitchMap.vue
new file mode 100644
index 0000000..57e9bca
--- /dev/null
+++ b/src/components/SwitchMap.vue
@@ -0,0 +1,46 @@
+<template>
+ <span class="inline-flex justify-center items-center rounded-md h-[42px] space-x-1 bg-[hsla(0,0%,0%,0.9)] font-pingfang-regular">
+ <span
+ v-for="item in maps"
+ :key="item.id"
+ class="map flex items-center px-[16px] h-full rounded-md hover:bg-[#334CAF] hover:cursor-pointer"
+ :class="{ activated: item.id === selected }"
+ @click="onItemClick(item)"
+ >
+ {{ item.label }}
+ </span>
+ </span>
+</template>
+
+<script>
+ export default {
+ name: "SwitchMap",
+ props: {
+ mapType: {
+ type: String,
+ default: "pic",
+ },
+ },
+ data() {
+ return {
+ selected: this.mapType,
+ maps: [
+ { id: "pic", label: "影像地图" },
+ { id: "gis", label: "GIS地图" },
+ ],
+ };
+ },
+ methods: {
+ onItemClick(item) {
+ if (item.id === this.selected) return;
+ this.selected = item.id;
+ this.$emit("changeMap", item);
+ },
+ },
+ };
+</script>
+<style>
+ .map.activated {
+ @apply bg-[#334CAF];
+ }
+</style>
--
Gitblit v1.9.3