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

Question

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

 var registerPopup = $ionicPopup.show({

        templateUrl: 'templates/register_popup.html',

        scope: $scope

    });

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

Answer 1

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

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

var registerPopup = $ionicPopup.show({

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

});

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

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