首页 > API文档 > JavaScript API
弹层
更新时间: 2024-03-29 20:09:55

弹层

Alert

Alert 基于 Dialog 扩展而来

Demo





Props

参数说明类型默认值
button-text可选,按钮文字StringOK
dialog-transition可选,弹窗动画(CSS3 自定义动画, 通过类名指定)String
mask-transition可选,遮罩动画(CSS3 自定义动画, 通过类名指定)String
show必选,是否显示,双向绑定Booleanfalse
title必选,提示标题String

Slots

名字说明
默认slot可选,提示消息内容(DOM 元素, 可根据具体业务自行定制)

Events

自定义事件名参数描述
on-show显示时触发
on-hide关闭时触发

Confirm

Confirm 基于 Dialog 扩展而来, 用于需要用户确认操作的情况

Demo





Props

参数说明类型默认值
cancel-text可选,取消按钮文字Stringcancel
confirm-text可选,确认按钮文字Stringconfirm
dialog-transition可选,弹窗动画(CSS3 自定义动画, 通过类名指定)String
mask-transition可选,遮罩动画(CSS3 自定义动画, 通过类名指定)String
show必选,是否显示,双向绑定Booleanfalse
title必选,提示标题String

Slots

名字说明
默认slot可选,提示消息内容(DOM 元素, 可根据具体业务自行定制)

Events

自定义事件名参数描述
on-confirm确认时触发
on-cancel取消时触发

Dialog

Demo





Props

参数说明类型默认值
dialog-transition可选,弹窗动画(CSS3 自定义动画, 通过类名指定)Stringuik-dialog
mask-transition可选,遮罩动画(CSS3 自定义动画, 通过类名指定)Stringuik-fade
show是否显示,双向绑定Booleanfalse

Slots

名字说明
默认slot弹窗主体内容

Events

自定义事件名参数描述
on-show显示时触发
on-hide关闭时触发

Loading

Demo



Props

参数说明类型默认值
show是否显示,双向绑定Booleanfalse
text提示文字,与默认slot作用一致StringLoading

Slots

名字说明
默认slot提示文字,和text属性功能一致,若提示文字带有HTML标签,则选择slot方式

Toast

Demo



Props

参数说明类型默认值
show是否显示,双向绑定Booleanfalse
time显示时间Number2000(ms)
transition过渡动画Stringsuccess
type图标类型,可选为success,text,cancel,warnString
widthToast宽度String7.6em

尽管Toast组件提供了 cancelwarn 类型,但不推荐使用,如果需要用户关注的通知推荐使用 Alert或者 Confirm 组件

Slots

名字说明
默认slot提示文字


留言、咨询与反馈
我们会在1个工作日内和您联系(工作时间 周一至周五 9:00-18:00)
留言、咨询与反馈
请填写联系方式

网站提交留言-隐私协议

感谢您浏览本网站相关信息!

1、本协议是用户(“您”)与本网站所订立的契约,为方便您深入了解业务及提交需求等,本网站将为您提供更加个性化的留言表单服务,您在提交留言表单时,我们可能会收集和使用您的相关信息。我们非常重视用户信息的保护,我们将按照法律法规要求,采取相应的安全保护措施。

2、除非您已充分阅读、理解并同意接受和遵守本协议,否则,请勿提交留言表单。 您如果继续提交即表示接受本协议,本协议即在您与本网站之间产生法律效应。