ionic3 简单小弹框

最新推荐文章于 2021-08-17 17:32:12 发布

qq_41593847

最新推荐文章于 2021-08-17 17:32:12 发布

阅读量240

点赞数

CC 4.0 BY-SA版权

分类专栏：前端

本文链接：https://blog.csdn.net/qq_41593847/article/details/103677945

前端专栏收录该内容

5 篇文章

订阅专栏

弹框代码：

let toast = this.toastCtrl.create({
        message: '输入不能为空',
        duration: 3000,       
        position: 'middle', //位置居中
        cssClass: "success"    //弹框样式
      });
      toast.present();

css样式：

.success {
  .toast-message {
    font-size: 5px;
    padding-top: 8px;
  }
  .toast-wrapper {
    text-align: center;
    width: 90px;
    height:30px;
    background: #098a6a;
    border-radius:2px;
    @extend .box;
  }
}