Question

所以我想修改$ ionicPopup中的默认宽度，为此我必须将'cssClass'添加到我的弹出对象中，就像下面的代码一样

  $scope.getScore = function(){
  var popupScore = $ionicPopup.alert({

  title:'Score',
  template: 'Total XP points: 50',
  cssClass: '',
  buttons: [{
    text:'Return',
    type: 'button-assertive'
  }]}}

在这种情况下你会如何处理？我应该给cssClass一个值吗？（即：cssClass ='popupClass'）然后转到我的CSS文件并从那里修改宽度？

Answer 1

只需定义一个母类并以这种方式覆盖.popup默认离子类

my-custom-popup

并在cssClass

中传递

 var popupScore = $ionicPopup.alert({

  title:'Score',
  template: 'Total XP points: 50',
  cssClass: 'my-custom-popup',
  buttons: [{
    text:'Return',
    type: 'button-assertive'
  }]}}

{{1}}

以下是您可以在父类中重写或自定义的类列表

.popup
.popup-head
.popup-title
.popup-sub-title
.popup体
.popup-buttons.row
.popup-buttons .button

Ionic：如何在$ ionicPopup中使用cssClass？

1 个答案: