@beisen-platform/platform-tip

1.0.20-rc.1 • Public • Published

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, //自定义位置
	offsetTop: //上偏移量,如果没有自定义位置,依据默认居中位置上偏移
	offsetLeft: //左偏移量,如果没有自定义位置,依据默认居中位置左偏移
	tipContainer: this.tipContainer, // 指定tip被挂载的容器, tipContainer与上面的定位是互斥关系
	showMask: false, //true/false 是否显示遮罩
	hide: ()=>{ console.log('提示消失的回调函数') }  //提示消失的回调函数
}

<Tip  {...props}/>

Dependents (34)

Package Sidebar

Install

npm i @beisen-platform/platform-tip

Weekly Downloads

27

Version

1.0.20-rc.1

License

ISC

Unpacked Size

242 kB

Total Files

11

Last publish

Collaborators

  • beisencorp