Skip to content

Pop 提示

底部冒出的短暂消息条(移植自原 showPop)。通过组合式函数 showPop 触发, 需在应用根部放置一个 <mc-pop-host />

vue
<script setup lang="ts">
import { McPopHost, McButton, showPop } from 'mcui-oreui'
</script>

<template>
  <mc-pop-host />
  <mc-button @click="showPop('已保存', 2000, 'success')">保存</mc-button>
</template>

showPop(message, duration?, styleClass?)

参数类型默认说明
messagestring文本
durationnumber3000显示毫秒数
styleClassstringsuccess / process / error / vip / debug_text

最多同时显示 5 条,自动播放 toast 音效。<mc-pop-host /> 全局放置一次即可。

MIT Licensed · 设计语言移植自 Spectrollay-McUI