<template>
    <div class="ht-base-alert-icon-demo">
        <ht-base-alert show-icon>
            消息提示文案
            <ht-base-icon type='LiRa_notes1' slot="icon"/>
        </ht-base-alert>
        <ht-base-alert type="success" show-icon>
            <ht-base-icon type='LiRa_check1' slot="icon"/>
            成功提示文案
        </ht-base-alert>
        <ht-base-alert type="warning" show-icon>
            <ht-base-icon type='LiRa_also1' slot="icon"/>
            警告提示文案
        </ht-base-alert>
        <ht-base-alert type="error" show-icon>
            <ht-base-icon type='LiRa_cross2' slot="icon"/>
            错误提示文案
        </ht-base-alert>
        <ht-base-alert show-icon>
            <ht-base-icon type='LiRa_notes' slot="icon"/>
            消息提示文案
            <span slot="desc">
                消息提示的描述文案消息提示的描述文案消息提示的描述文案消息提示的描述文案消息提示的描述文案
            </span>
        </ht-base-alert>
        <ht-base-alert type="success" show-icon>
            <ht-base-icon type='LiRa_check' slot="icon"/>
            成功提示文案
            <span slot="desc">
                成功的提示描述文案成功的提示描述文案成功的提示描述文案成功的提示描述文案成功的提示描述文案
            </span>
        </ht-base-alert>
        <ht-base-alert type="warning" show-icon>
            <ht-base-icon type='LiRa_also' slot="icon"/>
            警告提示文案
            <span slot="desc">
                警告的提示描述文案警告的提示描述文案警告的提示描述文案警告的提示描述文案警告的提示描述文案
            </span>
        </ht-base-alert>
        <ht-base-alert type="error" show-icon>
            <ht-base-icon type='LiRa_cross1' slot="icon"/>
            错误提示文案
            <span slot="desc">
            自定义错误描述文案自定义错误描述文案自定义错误描述文案自定义错误描述文案自定义错误描述文案
        </span>
        </ht-base-alert>
    </div>
</template>

<script>
    export default {
        name: 'HtBaseAlertIconDemo',
    }
</script>
<style>
    .ht-base-alert-icon-demo {

    }
</style>

