From 36e0e669fd9b10df871531400cd9a44a5c5a4ad2 Mon Sep 17 00:00:00 2001
From: Soybean <honghuangdc@gmail.com>
Date: Thu, 11 Nov 2021 00:28:21 +0800
Subject: [PATCH] =?UTF-8?q?refactor(projects):=20=E5=9C=B0=E5=9B=BE?=
 =?UTF-8?q?=E6=8F=92=E4=BB=B6=E9=A1=B5=E9=9D=A2=E5=B8=83=E5=B1=80=E9=87=8D?=
 =?UTF-8?q?=E6=9E=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../component/map/components/TencentMap.vue    | 18 ++++--------------
 src/views/component/map/index.vue              |  2 +-
 2 files changed, 5 insertions(+), 15 deletions(-)

diff --git a/src/views/component/map/components/TencentMap.vue b/src/views/component/map/components/TencentMap.vue
index 8d6ef850..b7d96b8d 100644
--- a/src/views/component/map/components/TencentMap.vue
+++ b/src/views/component/map/components/TencentMap.vue
@@ -1,22 +1,16 @@
 <template>
-  <div ref="wrapRef" class="w-full h-full">
-    <div ref="domRef" class="dom-ref-height"></div>
-  </div>
+  <div ref="domRef"></div>
 </template>
 
 <script setup lang="ts">
-import { ref, computed, onMounted } from 'vue';
-import { useScriptTag, useElementSize } from '@vueuse/core';
+import { ref, onMounted } from 'vue';
+import { useScriptTag } from '@vueuse/core';
 import { TENCENT_MAP_SDK_URL } from '@/settings';
 
 const { load } = useScriptTag(TENCENT_MAP_SDK_URL);
 
-const wrapRef = ref<HTMLDivElement | null>(null);
 const domRef = ref<HTMLDivElement | null>(null);
 
-const { height: wrapRefHeight } = useElementSize(wrapRef);
-const domRefHeight = computed(() => `${wrapRefHeight.value}px`);
-
 async function renderBaiduMap() {
   await load(true);
   const map = new TMap.Map(domRef.value!, {
@@ -32,8 +26,4 @@ onMounted(() => {
   renderBaiduMap();
 });
 </script>
-<style scoped>
-.dom-ref-height {
-  height: v-bind(domRefHeight);
-}
-</style>
+<style scoped></style>
diff --git a/src/views/component/map/index.vue b/src/views/component/map/index.vue
index 3b8a1aa9..2f28c003 100644
--- a/src/views/component/map/index.vue
+++ b/src/views/component/map/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="overflow-hidden">
-    <n-card title="地图插件" class="h-full shadow-sm rounded-16px">
+    <n-card title="地图插件" class="h-full shadow-sm rounded-16px" content-style="overflow:hidden">
       <n-tabs type="line" class="flex-col-stretch h-full" pane-class="flex-1-hidden">
         <n-tab-pane v-for="item in maps" :key="item.id" :name="item.id" :tab="item.label">
           <component :is="item.component" />