本弹层插件基于Native Javascript实现,不依赖任何第三方组件。提供了与常用弹层组件一致的语法,同时也提供了简写模式,封装了一些特殊实例,您可以按照需求对pop.open()方法进行个性化量身定制。
pop.open({
content:"谢谢你的支持",
time:2000,
style:"color:#fff;background-color:#15b0de"
});
写法1:pop.toast("谢谢你的支持");
写法2:pop.toast(["谢谢你的支持",2000]);
写法3:pop.toast("谢谢你的支持","color:#fff;background-color:#15b0de");
pop.open({
content:"谢谢你的支持",
time:2000,
mask:false,
position:"bottom"
});
pop.toast(["谢谢你的支持",3000,false,"bottom"]);
pop.open({
title:["信息","color:#fff;background-color:#383838"],
content:"这是一个信息框",
btn:["确定"],
fun:function(){
pop.toast("当前版本号:"+pop.v);
}
});
pop.alert(["信息框","这个是替换alert方法是提示框","确定"],function(){
pop.toast("是不是很惊喜");
});
pop.open({
title:"小青年博客",
content:"你觉得这个弹层组件怎么样?",
btn:["很好","一般"],
fun:[
function(){
pop.toast("谢谢你的支持",1000);
},
function(){
pop.alert(["提示框","很遗憾没有得到你的肯定","确定"],function(){
pop.toast("我会再接再厉!");
});
}
]
})
pop.sheet({
title:"ctionsheet标题",
btn:["回复","转发","删除","取消"],
fun:[
function(){
pop.toast("回复");
},
function(){
pop.toast("转发");
},
function(){
pop.toast("删除");
},
function(){
pop.toast("取消");
}
]
});
方法1:(默认动画)
pop.loading();
方法2:(自定义)
pop.loading({
content:"加载中",
time:3000,
style:"background-color:#fff"
})
pop.select({
title:["选择框","color:#fff;background-color:#15b0de"],
btn:["回复","转发","删除","取消"],
fun:[
function(){
pop.toast(["回复",2000,false,"bottom"]);
},
function(){
pop.toast(["转发",2000,false,"bottom"]);
},
function(){
pop.toast(["删除",2000,false,"bottom"]);
},
function(){
pop.toast(["取消",2000,false,"bottom"]);
}
]
});