<template>
    <div class="ht-base-notice-icon-desc-demo">
        <ht-base-button @click="info(false)">消息</ht-base-button>
        <ht-base-button @click="success(false)">成功</ht-base-button>
        <ht-base-button @click="warning(false)">警告</ht-base-button>
        <ht-base-button @click="error(false)">错误</ht-base-button>
    </div>
</template>

<script>
    export default {
        name: 'HtBaseNoticeIconDescDemo',
        methods: {
            info(nodesc) {
                this.$HtBaseNotice.info({
                    title: '这里是文本通知提醒的标题',
                    desc: nodesc ? '' : '这里是通知内容描述，这里是通知内容描述，这里是通知内容描述。 ',
                });
            },
            success(nodesc) {
                this.$HtBaseNotice.success({
                    title: '这里是文本通知提醒的标题',
                    desc: nodesc ? '' : '这里是通知内容描述，这里是通知内容描述，这里是通知内容描述。 ',
                });
            },
            warning(nodesc) {
                this.$HtBaseNotice.warning({
                    title: '这里是文本通知提醒的标题',
                    desc: nodesc ? '' : '这里是通知内容描述，这里是通知内容描述，这里是通知内容描述。 ',
                });
            },
            error(nodesc) {
                this.$HtBaseNotice.error({
                    title: '这里是文本通知提醒的标题',
                    desc: nodesc ? '' : '这里是通知内容描述，这里是通知内容描述，这里是通知内容描述。 ',
                });
            }
        }
    }
</script>
<style>
    .ht-base-notice-icon-desc-demo {

    }
</style>

