1.1.2 • Published 8 years ago
fm-dialog v1.1.2
fm-dialog
安装
执行命令
npm install --save-dev fm-dialog
或者在 html 中直接引用
<script src="./dist/fm-dialog.min.js"></script>
使用方法
html 中添加引用
<link rel="stylesheet" href="./dist/fm-dialog.min.css">
CommonJS
var Dlg = require('./fm-dialog');
Dlg.show(id, content, options, callback);
Global
<script src="./dist/fm-dialog.min.js"></script>
Dlg.show(id, content, options, callback);
API
Dlg.show(id, content, options, callback)
id
默认“ishow”
content
html 模板
options
- width: 320
- height: 180
- title: "提示"
- template: true
- ok: null
- okText: "确定"
- cancel: null
- cancelText: "取消"
- lock: true
- quickClose: false
- auto: false
- timeOut: 3000
- zindex: 98
- closeBtn: false
- isMsg: false
- msgType: "default" //success, info, error, warning, inverse, muted
callback
function, 初始化完成回调函数
示例:
Dlg.show('ishow', '<div style="padding:60px 10px;">亲爱的朋友,您好!又要请我吃饭了<br/><br/>我是自定义模板,写你想写的,做你想做的……<br/><br/>点击其他空白处我会消失的,点点看</div>', {
width: 420,
height: 200,
template: false,
quickClose: true,
closeBtn: true
},
function () {
//callback
});
快速调用
若想快速调用,可以用以下 api ,它们的默认 id 均为 "i"+对应的 api 名称。
Dlg.confirm(content, ok)
content
确认对话框内容
ok
function, 确认回调函数
示例:
Dlg.confirm('点我干什么,要请我吃饭吗?', function () {
dlg.msg('果然是亲生的朋友,这么爽快就应答了', 'success');
});
Dlg.msg(msg, type)
msg
消息内容
type
消息类型,default, success, info, error, warning, inverse, muted
示例:
Dlg.msg('亲爱的朋友,您好!3 秒后自动消失,请稍等', 'success');
Dlg.msglock(msg, type)
msg
消息内容
type
消息类型,default, success, info, error, warning, inverse, muted
示例:
Dlg.msglock('亲爱的朋友,您好!点击其他空白处我会消失,点点看', 'success');
Dlg.loading(tips)
tips
加载提示内容
示例:
Dlg.loading("处理中,请稍候…");
setTimeout(function(){
Dlg.close('iloading');
},3000)
Dlg.close(id)
id
要关闭的对象 id
示例:
Dlg.close('iloading');
Demo
demo: http://ifootmark.github.io/fm-dialog/demo.html
License
© allmeet.net