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>