Question

我正在使用Ionic框架，我需要一个背景颜色为红色并且文本在中心对齐的页脚。页脚需要像按钮一样的行为;页脚应该像一个Button，中间有文本'REGISTER'：

我试试这段代码：

IONIC HTML：

<ion-content>
  Some content!
</ion-content>
<ion-footer-bar  class="myColor">
  <div class="buttons">
    <button class="button">REGISTER</button>
  </div>
 </ion-footer-bar>

CSS：

.myColor{
   color:red
}

.button{
color:white;
text-align:center;
}

但是，它不起作用。我不知道; 你们当中有些人有一些好的建议：

谢谢！

Answer 1

您应该将整个页脚设置为可点击的元素，如下所示：

<ion-footer-bar class="myColor" ng-click="myRegisterFunction()">
  REGISTER
</ion-footer-bar>

然后你可以使用简单的css：

.myColor {
  background-color: blue;
  text-align: center;
  justify-content: center;
  align-items: center;
  color: white;
}

在您的控制器中，您可以调用该功能：

$scope.myRegisterFunction = function() {
  // do the registration stuff
}

离子css页脚backgrond颜色和标题的颜色

1 个答案: