改变TabBar Ionic2的位置

Question

有没有办法在我的Ionic2项目中改变tabBar的位置？  这是我的Tabbar html代码：

<ion-tabs tabsPlacement='top'>
<ion-tab [root]="tab1Root" [rootParams]="selected" tabTitle="Pref1"> </ion-tab>
<ion-tab [root]="tab2Root" [rootParams]="selected" tabTitle="Pref2"> </ion-tab>
<ion-tab [root]="tab3Root" [rootParams]="selected" tabTitle="Pref3"> </ion-tab>
<ion-tab [root]="tab4Root" [rootParams]="selected" tabTitle="Pref4"> </ion-tab>
<ion-header>
    <ion-label class="timebar" text-center color="primary">
        Synch {{date|date:'MM/dd/yy HH:mm:ss'}}
    </ion-label>
</ion-header>

</iontabs>

我可以使用element.style{top:Ypx}更改其位置Y是一个数字 但是只能使用浏览器（F12快捷方式）找到该变量，因此在sass文件中写入该文件并不起作用。 我想提一下，这是标签页的所有代码，我在此页面中没有离子内容。