<script setup>
import {ref} from "vue";

const visible = ref(false);
</script>

<template>
    <a-button v-if="!$slots.default" @click="visible=true">立即提现</a-button>
    <div v-else @click="visible=true">
        <slot></slot>
    </div>

    <a-modal
        ok-text="确认提现"
        title-align="start"
        title="核对提现信息"
        v-model:visible="visible">
        <a-form label-align="left">
            <a-form-item label="姓名">
                彭于晏
            </a-form-item>
            <a-form-item label="支付宝账号">
                13505948653
            </a-form-item>
            <a-form-item label="提现金额">
                335.14
            </a-form-item>
        </a-form>
        <div class="info">手续费率为1%，由三方代账公司收取</div>
    </a-modal>
</template>

<style lang="scss" scoped>
.info {
    color: rgb(155, 159, 171);
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0;
    text-align: left;
}
</style>
