Question

我需要将按钮绿色置于三个按钮下！有人帮帮我！

我的代码：

 $scope.showIntroductionPage = function(childs){
  if(childs == 0){

    var myPopup = $ionicPopup.show({

    title: 'Welcome to Lens Changer',
    subTitle: 'You can choose a option!',
    cssClass: 'popup-intro',

    buttons: [
      { type: 'button-assertive',
        text: '<b><font size="2">Parent</font></b>',
        cssClass: 'button-popup_red',
        onTap: function(e) {

        }
      },
      { type: 'button-energized' ,
        text: '<b><font size="2">Educator</font></b>',
        onTap: function(e) {

        }
      },
      { type: 'button-calm' ,
        text: '<b><font size="2">Sign in</font></b>',
        onTap: function(e) {

        }
      },
      { type: 'button-balanced',
        text: '<div><b><font size="2">Ready</font></b></div>',
        onTap: function(e) {
          myPopup.close();
        }
      }
      ]
    }

  );
};

我不知道改变这个绿色按钮。

注意：由于我们允许上述HTML标记，要让标记显示为文本，您需要转义＆lt;字符。你可以逃脱＆＃39;＆lt;＆＃39;通过将其标记为代码（使用下面的缩进或反引号）或使用HTML实体＆lt;

允许的属性

img属性

Answer 1

我从未使用过这个，但这可能有所帮助。

buttons: [
  {
    text: '<div>'
  },
  { type: 'button-assertive',
    text: '<b><font size="2">Parent</font></b>',
    cssClass: 'button-popup_red',
    onTap: function(e) {

    }
  },
  { type: 'button-energized' ,
    text: '<b><font size="2">Educator</font></b>',
    onTap: function(e) {

    }
  },
  { type: 'button-calm' ,
    text: '<b><font size="2">Sign in</font></b>',
    onTap: function(e) {

    }
  },
  {
    text: '</div>'
  },
  { type: 'button-balanced',
    text: '<div><b><font size="2">Ready</font></b></div>',
    onTap: function(e) {
      myPopup.close();
    }
  }
  ]

我的结果在这里：

enter image description here

如何更改按钮在弹出式离子1中的位置

1 个答案: