美文网首页互联网科技让前端飞Web前端之路
关于bootstrap4弹出框的二次封装

关于bootstrap4弹出框的二次封装

作者: 佐峰empty | 来源:发表于2019-12-24 17:45 被阅读0次

    二次封装的由来
    1.目前找到的都是基于bootstrap3封装的,而现在公司的bootstrap版本是4.0+ 所以在此基础上进行二次封装
    2.是在simple-bs-dialog.js基础上进行封装
    alert弹出框封装示例

    20191224194343.png

    confirm弹出框封装示例

    20191224182735.png

    踩坑
    之前在处理对象默认属性cssClass使用的三元表达式
    cssClass: 'btn '+ options.btnColor ? options.btnColor : ' btn-primary'+'', 一直不生效,后来改了另一种写法才生效
    cssClass: option.btnColorOk || 'btn-primary' + ' btn',

    相关文章

      网友评论

        本文标题:关于bootstrap4弹出框的二次封装

        本文链接:https://www.haomeiwen.com/subject/kgsfoctx.html