Question

我正在尝试在角度流星中创建混合应用程序。我也包括了离子包。我在离子导航条和离子内容之间得到了一条白色的细线，但我无法理解其中的原因。

这是我的index.html文件

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
    <title>Meteor</title>
</head>

<body>
<ion-nav-bar class="bar custom-dark">
    <ion-nav-back-button>
    </ion-nav-back-button>
</ion-nav-bar>
<ion-nav-view></ion-nav-view>

</body>

这是我的navigation.scss文件。我尝试添加填充和边距0 !important，但它不起作用。

.custom-dark{
  color : #0A2D3C !important; // text
  background-color:#0A2D3C!important; // for bg color
  margin: 0!important;
  padding: 0!important;
}

这是我的忘记密码文件

<ion-view>
    <div class="bar bar-header">
        <button class="button button-icon icon ion-navicon"></button>
        <div class="h1 title">Header Buttons</div>
        <button class="button button-clear button-positive">Edit</button>
    </div>
    <ion-content class="background-image" padding="true">
        <h2 class="view-header-title">FORGOT PASSWORD</h2>
        <div class="div-full-width">
            <span  class="textfield-title">Please enter your email id to reset your password</span>
            <input id="email" class="textfields textfield-login" type="email"  placeholder="Enter email address" required>
            <input class="buttons loginButton" ng-click="forgot.clickOnConfirm()" type="button" value="CONFIRM">
        </div>
    </ion-content>
</ion-view>

Answer 1

你能看一下截图吗？或尝试重置

的边距和填充

离子NAV-后退按钮

去除ion-nav-bar和angular -meteor中的离子含量之间的空白区域

1 个答案: