隐藏在标题下方的离子标签

时间:2016-05-09 16:26:19

标签: ionic-framework

我有一个包含许多页面的空白应用。其中一个页面需要转移到选项卡中。 我想在标题下面显示一些标签(有标识和后退按钮)。 但是,出于某种原因,标签几乎完全隐藏在标题下方。

结构如下:

<ion-view view-title="MyPage">
    <ion-header-bar align-title="center">
        <div class="app_header_side">
            <button class="button back-button">
                <i class="icon ion-ios-arrow-back"></i>
            </button>
        </div>
        <div class="app_header_center">
            <div class="text-center">
                LOGO
            </div>
        </div>
        <div class="app_header_side">
            &nbsp;
        </div>
    </ion-header-bar>
    <ion-content class="padding has-header">
        <ion-tabs class="tabs-positive tabs-icon-top">
            <ion-tab title="All time" icon-on="ion-ios-filing" icon-off="ion-ios-filing-outline">
                <!-- Tab 1 content -->
            </ion-tab>
            <ion-tab title="Month" icon-on="ion-ios-clock" icon-off="ion-ios-clock-outline">
                <!-- Tab 2 content -->
            </ion-tab>
            <ion-tab title="Week" icon-on="ion-ios-gear" icon-off="ion-ios-gear-outline">
               <!-- Tab 3 content -->
            </ion-tab>
        </ion-tabs>
    </ion-content>
</ion-view>

我试图将标签放在任何地方。在标题中,在“离子视图”之前,在“离子含量”之前。没有任何效果。 使ti工作的唯一方法是添加

style="padding-top: 30px;"

在“离子含量”标签中。但我宁愿避免使用固定填充。

3 个答案:

答案 0 :(得分:0)

我会通过声明如下标题来建议以下内容:

$ nc -v localhost 80 <<EOD
GET / HTTP/1.1
Host: localhost
Connection: close

EOD

然后定义<ion-header-bar class="bar-header">

has-header

或者作为测试,您可以设置:

 <ion-content class="has-header">

这意味着像<ion-content class="has-subheader"> 这样的东西已被设置为标题。然后将ion-nav-bar设置为ion-header-bar

<强> IONIC Headers and Sub-Headers

答案 1 :(得分:0)

或者,您可以将标签置于与iOS相同的底部。

在.config中设置$ionicConfigProvider.tabs.position('bottom');

答案 2 :(得分:0)

我想你应该试试

Sub copy()

Dim x As Workbook
Dim y As Workbook

Set x = Workbooks.Open("Source File")
Set y = Workbooks.Open("Destination File")

y.Sheets("Sheet1").Range("A1").Value = x.Sheets("Sheet1").Range("A1")

x.Close

End Sub

我曾遇到过同样的问题。我使用了class =&#34; has-header&#34;以root视图解决了我的问题。