<template>
  <!-- 海绵综合一张图 城市概况 -->
  <div class="cityPage">
    <div class="publicLeftHM">
      <!-- 自然地理 -->
      <div class="partTitleHM">自然地理</div>
      <div class="partContHM">自然地理自然地理</div>
    </div>

    <div class="publicRightHM">
      <!-- 城市规划 -->
      <div class="partTitleHM">城市规划</div>
      <div class="partContHM">城市规划城市规划城市规划</div>
    </div>
  </div>
</template>

<script setup>
const { proxy } = getCurrentInstance();

// 面板内容展开收起控制
const props = defineProps({
  showPanel: {
    type: Boolean,
  },
});
watch(
  () => props.showPanel,
  () => {
    console.log('val---', props.showPanel);
  },
  { immediate: true }
);

onMounted(() => {});
</script>

<style lang="scss" scoped></style>