<template>
    <div class="ht-base-message-float-demo">
        <ht-base-button type="primary" @click="info">显示普通悬浮提示</ht-base-button>
        <ht-base-button type="success" @click="success">显示成功悬浮提示</ht-base-button>
        <ht-base-button type="warning" @click="warning">显示警告悬浮提示</ht-base-button>
        <ht-base-button type="error" @click="error">显示错误悬浮提示</ht-base-button>
    </div>
</template>

<script>
    export default {
        name: 'HtBaseMessageFloatDemo',
        methods: {
            info() {
                this.$HtBaseMessage.info({
                    content: '这是一条普通的提示',
                    types: 'float',
                    closable: true
                });
            },
            success() {
                this.$HtBaseMessage.success({
                    content: '这是一条成功的提示',
                    types: 'float',
                    closable: true
                });
            },
            warning() {
                this.$HtBaseMessage.warning({
                    content: '这是一条警告的提示',
                    types: 'float',
                    closable: true
                });
            },
            error() {
                this.$HtBaseMessage.error({
                    content: '这是一条失败的提示',
                    types: 'float',
                    closable: true
                });
            }
        }
    }
</script>
<style>
    .ht-base-message-float-demo {

    }
</style>

