互联网科技让前端飞Web前端之路

关于bootstrap4弹出框的二次封装

2019-12-24  本文已影响0人  佐峰empty

二次封装的由来
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',

上一篇 下一篇

猜你喜欢

热点阅读