tingle-tip

0.2.2 • Public • Published

tingle-tip npm version

Tip提示

Simple Usage

Tip.show({
    icon: 'success', // 'error', 'fail'
    text: '提交成功',
    onHide() {
        console.log('success tip is hidden');
    }
});
 
Tip.show({
    text: '文字提醒文字提醒文字提醒',
    onHide() {
        console.log('text tip is hidden');
    }
});

可用配置

配置项 必填 默认值 功能/备注
text required - 提示文本(文本应尽量简短)
icon optional - tip显示的icon,可选值为:success、error、fail合和loading
duration optional 1500 tip显示的时间(单位是毫秒)
autoHide optional true 在duration毫秒后会自动关闭提示
closeable optional false 点击页面关闭浮层
onHide optional - tip隐藏时的回调

API接口

Tip.show(options)

静态方法,显示全局的 Tip,并附带所有传入参数,可用参数请参考可用配置。

Tip.hide()

静态方法,隐藏全局的 Tip。

Links 相关链接

Versions

Current Tags

  • Version
    Downloads (Last 7 Days)
    • Tag
  • 0.2.2
    0
    • latest

Version History

  • Version
    Downloads (Last 7 Days)
    • Published
  • 0.2.2
    0
  • 0.2.1
    1
  • 0.2.0
    1
  • 0.0.0
    1

Package Sidebar

Install

npm i tingle-tip

Weekly Downloads

3

Version

0.2.2

License

MIT

Last publish

Collaborators

  • gbk
  • gnosaij
  • yize