<template>
    <app-modal class="app-trade" direction="right" height="100%" v-model:show="showModal">
        <div class="app-trade__wrapper">
            <div class="app-trade__header">
                <app-navbar title="挂牌求购" @back="close" />
            </div>
            <div class="app-trade__body">
                <AddressEdit show-postal show-delete show-set-default show-search-result
                    :area-columns-placeholder="['请选择', '请选择', '请选择']" />
            </div>
        </div>
    </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 close = () => {
    showModal.value = false;
}

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

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