m-toast

m-toast 移动端全局展示通知提醒信息

Usage no npm install needed!

<script type="module">
  import mToast from 'https://cdn.skypack.dev/m-toast';
</script>

README

m-toast


全局展示通知提醒信息。

何时使用

在屏幕中间显示通知提醒信息。经常用于以下情况:

  • 交互操作后,给用户交互结果的反馈。
  • 系统主动推送。
  • 等等

API

  • 属性说明如下:
属性 说明 类型 默认值
icon 设置弹出层的图标,用法与Icon组件一致 string -
zIndex 设置弹出层的层级 number 20
duration 弹出层展示在页面上的停留时间,在这个时间之后,弹出层自动隐藏,单位为:毫秒 number 1500
markable 是否启用遮罩效果,设置为true后,会有一层半透明的黑色底遮住屏幕 boolean false
message 提示文案 string message