mip-toast
优质
小牛编辑
131浏览
2023-12-01
弹出框(只有文字 文字和图标 位置上 中 下)
标题 | 内容 |
---|---|
类型 | |
支持布局 | responsive, fixed-height, fixed, container |
所需脚本 | https://c.mipcdn.com/static/v2/mip-toast/mip-toast.js |
说明
提示框组件 自定义内容
示例
1、弹出框 只弹出文字(不传 info-icon-src)
<button on="tap:demo.show">打开 toast</button>
<mip-toast
id= "demo"
info-text="默认提示框"
station = "top"
>
</mip-toast>
2、弹出框 弹出带图和文字
<button on="tap:demo.show">打开 toast</button>
<mip-toast
id= "demo"
info-icon-src="https://www.mipengine.org/static/img/sample_mip_logo.png"
info-text="最多七个中文字"
station = "top"
>
</mip-toast>
属性
属性说明
id
说明:组件间通信用到
必选项:否
类型 :String
默认值:""
info-icon-src
说明:配置图片或gif的src,没有传或不写这个属性只显示文字
必选项:否
类型 :String
默认值:""
info-text
说明:提示框内容
必选项:是
类型 :String
默认值:""
station
说明:提示框所在位置,可选 top center bottom
必选项:否
类型 :String
默认值:"center"
close-time
说明:关闭事件
必选项:否
类型 :Number
默认值:3
接收事件
show/hidden
每次其他组件触发抛出事件后,触发 mip-toast
的 show
事件,并传当前状态是显示
注意,每次其他组件触发抛出事件后,也可以触发 mip-toast
的 hidden
事件,并传当前状态是隐藏
组件间通信请看文档 https://www.mipengine.org/doc/3-widget/6-help/3-mip-normal.html