新增头部导航和下拉，infowindow组件化

@@ -9,6 +9,7 @@ export {}
 
 declare module '@vue/runtime-core' {
   export interface GlobalComponents {
+    InfoWindow: typeof import('./src/components/InfoWindow.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
     VanCol: typeof import('vant/es')['Col']

@@ -2,8 +2,8 @@
  * @Author: hookehuyr hookehuyr@gmail.com
  * @Date: 2022-05-26 23:52:36
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2023-05-19 15:52:36
- * @FilePath: /tswj/src/App.vue
+ * @LastEditTime: 2023-05-30 17:23:26
+ * @FilePath: /map-demo/src/App.vue
  * @Description:
 -->
 <template>
@@ -64,6 +64,7 @@ html,
 body {
   width: 100%;
   height: 100%;
+  overflow: hidden;
 }
 
 body {

+<template>
+  <div>
+    <div class="box-card" style="padding: 0 80 30 80;width: 400px;border-radius: 10px;">
+
+      {{ title }}
+      <div id="del-div">
+        <div type="primary" icon="el-icon-close" @click="close()">123</div>
+      </div>
+      <div style="text-align: center;">
+        <button type="primary">主要按钮</button>
+      </div>
+  </div>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    infoWindow: {
+      type: Object,
+      default: () => { }
+    },
+    title: {
+      type: String,
+      default: ''
+    }
+  },
+  methods: {
+    // 关闭
+    close() {
+      // 高德地图信息窗关闭的api
+      this.infoWindow.close()
+    },
+    edit() {
+      console.log('编辑按钮测试')
+    },
+    del() {
+      console.log('删除按钮测试')
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+#del-div {
+  position: absolute;
+  right: 20;
+  top: 20;
+  transform: scale(1.2);
+}
+</style>