lg_frontend/components/PointDialog.vue

<template>
<div class="point-dialog" :class="[type]">

</div>
</template>

<script>
export default {
  name: "PointDialog",

  props: {
    /**
     * 地图类型
     * @param { 'big' | 'small' } type
     */
    type: {
      type: String,
      default: 'big'
    },
  }
}
</script>

<style scoped lang="less">
.point-dialog{
  height: 2000px;
  width: 100%;
  background: black;
  &.middle {
    height: 1200px;
  }
}
</style>