9 Star 33 Fork 5

娇娇jojo/模态弹窗

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
popup.js 1.71 KB
一键复制 编辑 原始数据 按行查看 历史
娇娇jojo 提交于 2017-11-02 17:36 . 更新 popup.js
;(function(win) {
var params;
win.popup = function(opt) {
if(opt.popStatus && opt.popTitle && opt.popContent){
proto.func(opt.popStatus);
$(".pop-title").text(opt.popTitle);
$(".pop-desc").text(opt.popContent);
}
params = opt;
},
proto = popup.prototype;
proto.func = function(popStatus){
$("body").append('<div class="popup" style="margin:0;padding:0;z-index: 5;width: 100%;height: 100%;padding-top: 50%;;background: rgba(0,0,0,0.5);position: fixed;left: 0;top: 0;"><div class="pop-box" style="background: rgba(255,255,255,1);text-align: center;border-radius: 10px;width: 70%;margin: auto;"><h3 class="pop-title" style="margin:0;padding:0;font-size: 4vw;padding-top: 8%;padding-bottom: 0.5%;">提示</h3><p class="pop-desc" style="margin:0;padding:0;font-size: 3.5vw;padding-top:1%;padding-bottom: 5%;">这是一个模态弹窗</p><ul class="btn-box" style="list-style:none;margin:0;padding:0;font-size: 4vw;border-top: 0.5px solid rgba(0,0,0,.5);overflow: hidden;"><li class="pop-cancel" style="padding: 4% 0;width: 49.5%;color: #217fe3;border-right: 0.5px solid rgba(0,0,0,.5);float: left;">取消</li><li class="pop-confirm" style="padding: 4% 0;width: 49.5%;color: #217fe3;float: left;">确定</li></ul></div></div>');
if(popStatus == 1){
$(".pop-cancel").remove();
$(".pop-confirm")[0].style.width = "100%";
}else{
$(".pop-cancel").on("tap",function(){
$(".popup").remove();
if(params.popCancel){
params.popCancel("cancel");
}
})
}
$(".pop-confirm").on("tap",function(){
$(".popup").remove();
if(params.popConfirm){
params.popConfirm("confirm");
}
})
}
if(win.popup) return false;
})(window);
Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
JavaScript
1
https://gitee.com/null_747_9838/MoTaiDanChuang.git
[email protected]:null_747_9838/MoTaiDanChuang.git
null_747_9838
MoTaiDanChuang
模态弹窗
master

搜索帮助