ionic2 HTML页面按钮底部

Question

page.html中

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

这是一个叫号功能，我在SCSS ALD组把它放在页面的底部，但功能不显示。

page.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

我相信，你的最佳选择是使用footer component：

<ion-content></ion-content> 

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