ux-platform-tip

提示弹层默认是放在屏幕头部正中间，全局唯一，只有在提示弹层消失后，才会显示出第二个提示弹层，弹层不会叠加显示

Usage no npm install needed!

<script type="module">
  import uxPlatformTip from 'https://cdn.skypack.dev/ux-platform-tip';
</script>

README

Platform-Tip 使用说明

提示弹层默认是放在屏幕头部正中间，全局唯一，只有在提示弹层消失后，才会显示出第二个提示弹层，弹层不会叠加显示

项目运行

  • npm install
  • npm run examples
  • npm run lib (打包)

Platform-Tip 参数

const props = {
    //包括： 'success'：是“对号”图标, 'error'：是“叉号”图标, 'warning'：是“感叹号”图标, 'normalTip'：是“提示i”图标；, 'questionTip'：是“问号”图标；, 'specialTip'：是“灯泡”图标
    infoType:'success', 
    isAutomaticCloseTip： false, //true/false   是否自动关闭 , 默认： 如果 infoType为 success或者 warning时为自动关闭，其他都是手动关闭
    disappearTime: '3000', //提示消失时间，默认3000毫秒
    title:'显示的内容'， //要显示的内容
    content: [ 'aaaaaaaa', 'bbbbbbb', '3333333333' ], //带内容提示弹层的内容。
    maxHeight: 100, //最大高度
    top: 0, //自定义位置偏移量 
    left: 0, //自定义位置偏移量
    bottom: 0, //自定义位置偏移量
    right: 0, //自定义位置偏移量
    showMask: false, //true/false 是否显示遮罩
    hide: ()=>{ console.log('提示消失的回调函数') }  //提示消失的回调函数
}

<Tip  {...props}/>