.container.data-v-a3704cdf { display: flex; flex-direction: column; height: 100vh; } .search-bar.data-v-a3704cdf { display: flex; padding: 8px; background: #fff; } .search-bar input.data-v-a3704cdf { flex: 1; padding: 6px; border: 1px solid #ccc; border-radius: 4px; } .search-bar button.data-v-a3704cdf { margin-left: 8px; padding: 6px 12px; background-color: #1aad19; color: #fff; border: none; border-radius: 4px; } .map.data-v-a3704cdf { flex: 1; } .result-list.data-v-a3704cdf { max-height: 200px; overflow-y: auto; background: #fff; } .poi-item.data-v-a3704cdf { padding: 8px; border-bottom: 1px solid #eee; } .poi-name.data-v-a3704cdf { font-weight: bold; } .poi-address.data-v-a3704cdf { font-size: 12px; color: #666; } .info.data-v-a3704cdf { padding: 16px; background: #fff; text-align: center; color: #999; }