IONIC2 HTML 页面按钮底部

Question

page.html

<div padding class="about-info">
<a ion-button color="light" href="tel:[phone]">
立即拨打
</a>
</div>

这是一个数字调用函数，我在scss中设置了ald，将其放在页面底部，但功能未显示。

页面.scss

.about-info {
text-align: center;
background-color: #F44336;
width: 100%; 
height: 100%;
}
.about-info a{
vertical-align: bottom;
position: absolute;
bottom: 0px;
width: 100%;
text-align: center
}

Answer 1

我相信您最好的选择是使用页脚组件：

<ion-content></ion-content>
<ion-footer>
<ion-toolbar>
<ion-title>Footer</ion-title>
</ion-toolbar>
</ion-footer>