css - 如何从 ionicPopup 中删除标题区域

Question

我想从 ionic 弹出窗口中完全删除标题区域。我删除了标题标签并尝试了。但仍然可以看到标题空间可见。这是我的代码。

 var registerPopup = $ionicPopup.show({

        templateUrl: 'templates/register_popup.html',

        scope: $scope

    });

即使我完全删除了标题标签，标题区域仍然可见，并且有一个空白区域，如下图所示。我想从 ionicPopup 中删除整个标题空间。我怎么才能得到它？代码中要进行哪些更改？

Answer 1

这是因为标题被包裹在 .popup-head 中，占用了空间。

首先在Popup对象的cssClass属性中添加一个custom-class的值。

var registerPopup = $ionicPopup.show({

    templateUrl: 'templates/register_popup.html',
    cssClass: 'custom-class', // Add
    scope: $scope

});

您可以使用自定义 CSS 隐藏它。

.custom-class .popup-head {
  display: none;
}