<template>
    <app-modal class="app-trade" direction="right" :show="showModal">
        <template #header>
            <app-navbar title="挂牌求购" @back="closed" />
        </template>
        <AddressEdit show-postal show-delete show-set-default show-search-result
            :area-columns-placeholder="['请选择', '请选择', '请选择']" />
    </app-modal>
</template>

<script lang="ts" setup>
import { ref } from 'vue'
import { AddressEdit } from 'vant'
import AppModal from '@/components/base/modal/index.vue'

const showModal = ref(true);

// 关闭弹窗
const closed = () => {
    showModal.value = false;
}

// 暴露组件属性给父组件调用
defineExpose({
    closed,
})
</script>

<style lang="less">
@import './index.less';
</style>