html实现confrim封装（PC）版本

code_game_

于 2020-11-26 17:16:34 发布

阅读量436

点赞数

分类专栏： js 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/code_game_/article/details/110191882

版权

弹窗confrim的简单封装

最近在做项目的时候发现公司根本就没有一点可以复用的代码就简单的封装了可以在pc端使用的confrim，话不多说直接上代码


//confrim弹窗
function confrims(opt) {
   
    let firmDom = document.getElementById("__conFirm")
    let title = opt.title ||"温馨提示",
        contentText = opt.contentText ||"", //提示框主题内容
        successBtnText = opt.successBtnTex || "确认", //确认按钮的字体
        successBtnBg = opt.successBtnBg ||"#F39A00",//确认按钮的背景颜色
        successBtnColor = opt.successBtnColor || "#ffffff",//确认按钮的字体颜色
        cancelBtnText = opt.cancelBtnText || "取消",//取消按钮的字体
        cancelBtnBg = opt.cancelBtnBg ||"#BCBCBC",//取消按钮的背景色
        cancelBtnColor = opt.cancelBtnColor || "#000000",//取消按钮的字体颜色

        btnSize = opt.btnSize || "14px";//提示窗按钮字体的大小

    if(firmDom){
   
        document.getElementById("__conFirm_bg").style.display