ionic3弹框自定义样式

最新推荐文章于 2024-08-18 10:21:27 发布

Kelly—zxy

最新推荐文章于 2024-08-18 10:21:27 发布

阅读量3.6k

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/shichuwu/article/details/85157793

版权

本文介绍了如何在Ionic3中实现弹框的自定义样式。通过在ts文件中添加代码并绑定样式，然后在scss文件中进行样式定义。然而，当修改样式不起作用时，提出了使用`!important`来强制修改组件样式的方案，但需注意这会影响项目中所有相同组件的样式。

摘要由CSDN通过智能技术生成

1、该弹框通过ts文件来实现代码如下：

          message:"<img src='assets/imgs/ceshi.png'/>",     
          buttons: [
            {
              text: '点此购买',
              handler: () => {
                if(money<5){
                  super.showToast(this.toastCtrl, "抱歉，积分不足！")
                  return;
                }else{
                  this.buyTicket();
                }
              }
            }
          ]
        });
        confirm.present();

运行结果如下：
在这里插入图片描述