如何修改ionic Popup的样式

最新推荐文章于 2022-04-12 15:11:04 发布

weixin_30482181

最新推荐文章于 2022-04-12 15:11:04 发布

阅读量220

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/jiasonglindeboke/p/7354673.html

本文介绍了如何不修改Ionic源码即可自定义Popup样式的具体实现方法，并分享了一种使用模态框替代Popup的做法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

第一次用ionic的Popup时感觉很好用，但是太丑了。但是又不会修改自定义的样式，只能自己写了个模态框。后来仔细搜索了一下。发现还是可以修改的。

var confirmPopup = $ionicPopup.confirm({
    title:'<div align="left"><i class="icon ion-android-alert  clam;text-align:center;"><strong>&nbsp;温馨提示：</strong></i></div>',
    template: '您确定要退出应用吗?',
    cancelText:'<span color="#FFFFFF">取消</span>',
    okText:'<span color="#FFFFFF">确认</span>',
});
confirmPopup.then(function(res) {
    if(res) {
        ionic.Platform.exitApp();
    } else {
    }
});

囧。。。原来不用修改ionic里面的代码也行的？不过自己写模态框还是好把控一点，样式什么的也更容易调整。

转载于:https://www.cnblogs.com/jiasonglindeboke/p/7354673.html