更改离子弹出窗口的宽度

Question

我想在我的 ionic 项目中更改特定弹出窗口的宽度，而不会对其他项目产生影响。

 var alertPopup = $ionicPopup.alert({
     cssClass: 'popupg',
      title: coe,
      template: text
    });

Answer 1

如果您使用的是 Ionic 3

在您的 .ts 文件上：

    const alert = await this.alertCtrl.create({
        header: 'Sorry',
        cssClass: 'my-custom-alert',
        message: 'message',
        buttons: ['Find by name ?']
    });

在您的 global.scss 上

.my-custom-alert .alert-wrapper {
  min-width: 450px !important;
}

样式前的弹出窗口：

样式后弹出窗口（最小宽度：450 像素）

我希望这会有所帮助:)

Answer 2

你可以添加style.css，像这样。

<link href="lib/ionic/css/ionic.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">

您需要修改弹出宽度。

样式.css

/**
 * Popups
 * --------------------------------------------------
 */
  .popup-container .popup {
    width: 350px;
 }

想帮助你。