<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>