Message 消息
全局轻提示,命令式调用。
基础用法
<script setup>
import { DanButton, DanMessage, DanSpace } from '@dandan-ui/ui'
</script>
<template>
<DanSpace wrap>
<DanButton @click="DanMessage('普通消息')">消息</DanButton>
<DanButton type="success" @click="DanMessage.success('操作成功')">
成功
</DanButton>
<DanButton type="warning" @click="DanMessage.warning('请注意')">
警告
</DanButton>
<DanButton type="danger" @click="DanMessage.error('出错了')">
错误
</DanButton>
</DanSpace>
</template>API
ts
DanMessage(options | string)
DanMessage.success / warning / info / error(message, options?)
DanMessage.closeAll()| 选项 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| message | 文案 | string | — |
| type | 类型 | 'success' | 'warning' | 'info' | 'error' | 'info' |
| duration | 自动关闭毫秒,0 不关闭 | number | 3000 |
| showClose | 显示关闭按钮 | boolean | false |