关于bootstrap4弹出框的二次封装

二次封装的由来
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弹出框的二次封装)