关于bootstrap4弹出框的二次封装
2019-12-24 本文已影响0人
佐峰empty
二次封装的由来
1.目前找到的都是基于bootstrap3封装的,而现在公司的bootstrap版本是4.0+ 所以在此基础上进行二次封装
2.是在simple-bs-dialog.js基础上进行封装
alert弹出框封装示例
![](https://img.haomeiwen.com/i7504334/7aff36f8e83388d8.png)
confirm弹出框封装示例
![](https://img.haomeiwen.com/i7504334/f0c011fc8d1e8d1e.png)
踩坑
之前在处理对象默认属性cssClass使用的三元表达式
cssClass: 'btn '+ options.btnColor ? options.btnColor : ' btn-primary'+'', 一直不生效,后来改了另一种写法才生效
cssClass: option.btnColorOk || 'btn-primary' + ' btn',