弹窗提示

参数说明

自定义confirm弹窗

自定义alert弹窗

动画提示

页面加载专用提示

参数说明

应用示例

在Sweet UI体系中,我们预定义了弹窗动画两种提示工具,各自拥有一系列调用API,配置十分简单,支持元素控制回调方法等,功能很强大哦。
弹窗提示
参数说明

● 由于原生的alert和confirm弹窗工具的不可控性,我们通过一个方法(sweet.confirm)重新定义了这两种弹窗工具。
● 唯一的参数是object类型时,对象的属性列表如下:

参数 是否必传 类型 默认值 作用
confirm 非必传 Boolean false confirm值为true时,调用confirm弹窗,值为false时,调用alert弹窗
title 非必传 String 提示窗口 弹窗的标题
cont 非必传 String 您确定执行该项操作吗? 弹窗的内容描述
btn_sure 非必传 String 确定 确定按钮的描述,确定按钮必须有
callback 非必传 Function 点击确定按钮以后执行的回调方法
btn_cancel 非必传 String/Boolean 取消 取消按钮的描述,值为false时没有取消按钮;值为true时默认为“取消”;
cancellCallback 非必传 Function 点击取消按钮以后执行的回调方法,只在confirm为true时才有效
自定义alert弹窗

● 与alert弹窗不同的是,confirm可以同时拥有确定和取消两个按钮,同时支持点击确定或取消的回调方法。唯一的参数必须是object类型。

自定义confirm弹窗

● alert弹窗只有一个确定按钮,仅支持callback回调。当confirm为false(默认)时,调用alert弹窗。如下:

● 当参数为String类型时,即为alert弹窗调用。如下:

动画提示
页面加载专用提示

● 我们预定义了一个class类名wj_body_load,把它加在页面的body元素上,会自动调用加载动画,无需调用任何方法,页面load完成后自动移除。如下:

参数说明

● 在局部刷新中,大多数清况会用到加载动画。Sweet UI中的加载动画,我们通过公共方法sweet.tipBlock(params)来实现。
● 唯一的参数是object类型时,对象的属性列表如下:

参数 是否必传 类型 默认值 作用
title 非必传 string 保存成功 动画的提示描述
icon 非必传 string fa-check-square(对钩) 加载动画的font-awesome图标
autoClose 非必传 Boolean/Number 1200 动画关闭的时间(毫秒),若传false,则不自动关闭
level 非必传 Boolean false 值为false时,垂直排列;为true时,水平排列。
应用示例

● 加载动画默认垂直排列。

● 加载动画设置水平排列。

● 加载动画设置关闭时间(毫秒),false为不自动关闭。

● 在同一个界面上,tipBlock加载动画一般只能同时存在一个,因而我们不建议把它设置到ajax公用设置里。
● 它的开启方法也是关闭方法,开启一个将会直接关闭界面上已存在的所有动画。其关闭方法如下: