<template>
    <div class="ht-base-modal-demo">
        <ht-base-button type="primary" @click="modal = true">确认对话框</ht-base-button>
        <ht-base-modal v-model="modal" title="对话框标题" @on-ok="ok" @on-cancel="cancel">
            <p>对话框内容</p>
            <p>对话框内容</p>
            <p>对话框内容</p>
        </ht-base-modal>
    </div>
</template>

<script>
    export default {
        name: 'HtBaseModalDemo',
        data() {
            return {
                modal: false
            }
        },
        methods: {
            ok() {
                this.$HtBaseMessage.info('Clicked ok');
            },
            cancel() {
                this.$HtBaseMessage.info('Clicked cancel');
            }
        }
    }
</script>
<style>
    .ht-base-modal-demo {

    }
</style>

