如何在角度中使用sweetalert自定义警报框的高度？

如何解决如何在角度中使用sweetalert自定义警报框的高度？

我正在使用 SweetAlert 在我的 Angular 应用程序中显示警报框。一切正常，但我无法设置警报框的高度。有设置警告框宽度的选项，但没有设置高度。我在如下函数中使用了代码：

 showSuccessAlert() {
    Swal.fire({
      position: 'bottom-right',icon: 'success',title: 'Success!!!',showConfirmButton: true,width: '400px'
    });
  }

如何根据我的需要设置警告框的高度？

解决方法

您可以将自定义类应用于警报的不同部分，SweetAlertOptions 中的不同部分是：

* Swal.fire({
*   customClass: {
*     container: '...',*     popup: '...',*     title: '...',*     closeButton: '...',*     icon: '...',*     image: '...',*     input: '...',*     inputLabel: '...',*     validationMessage: '...',*     actions: '...',*     confirmButton: '...',*     denyButton: '...',*     cancelButton: '...',*     loader: '...',*     footer: '...'
*   }
* })

所以你可以创建一个类

.large-sa-popup {
  height: {YOUR_HEIGHT_HERE}px
}

并将其应用于弹出窗口，例如：

showSuccessAlert() {
  Swal.fire({
    position: 'bottom-right',icon: 'success',title: 'Success!!!',showConfirmButton: true,width: '400px',customClass: {
      popup: 'large-sa-popup'
    }
  });
}

这应该应用新的高度（以及您可能想要应用的任何其他 CSS 属性）。