@beisen-cmps/ux-m-platform-prompts

平台移动端提示组件

Stats

stars 🌟issues ⚠️updated 🛠created 🐣size 🏋️‍♀️
@beisen-cmps/ux-m-platform-prompts
Minified + gzip package size for @beisen-cmps/ux-m-platform-prompts in KB

Readme

组件使用、扩展文档

Prompts提示

用于显示当前操作的反馈

UI规则

  1. 自动关闭
    • 从导航下方以透明度渐变的方式出现
    • 默认两秒后,提示自动消失
  2. 手动关闭
    • 从导航下方以透明度渐变的方式出现
    • 点击关闭按钮,提示消失
  3. 类型
    • 警告提示,橙色,对将要发生的问题,进行提示。
    • 成功提示,绿色,操作成功后的反馈信息。
    • 信息提示,蓝色,用户需要知道的系统信息等。
    • 错误提示,红色,导致操作无法完成的信息。

prompts

API

Prompts props

name description type default
cls 自定义container css String ''
type 提示类型 String ''
message 提示信息 String ''
isAutomaticCloseTip 是否自动关闭提示 Boolean true
autoHideDuration 提示停留时间 number 2000ms
hideTipHandler 提示关闭后执行的操作 Function
id 每个提示的惟一标识 String ''
preMsgCls 自定义信息class String ''
customIcon 自定义图标 Element
customClose 自定义关闭 Element

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.