angular - 如何在ionic2中调整项目分隔符

Question

我是编码新手，目前正在使用 ionic 2 做一些练习应用程序。我遇到的问题是我在按下按钮时显示了一个 popOver，在标题部分内部我试图在标题和副标题之间使用项目分隔符。每当我尝试将分隔线向上移动以使其靠近标题时，都会发生这种情况：

有没有办法删除分隔线的空间或使它更小，这样它就不会覆盖标题并使它看起来像一个下划线？

编辑：这是里面的代码。

popover.html

<ion-row>
  <ion-title class="title">BRAND</ion-title>
</ion-row>

<ion-row>
  <ion-col width-100 class="divider">
    <ion-item-divider></ion-item-divider>
  </ion-col>
</ion-row>

<ion-row>
  <ion-item class="subTitle"no-lines>
    <p>Select your part</p>
  </ion-item>
</ion-row>

和popover.ts

  .title{
    text-align: center;
    padding-top: 5px;
  }

  .divider{
    margin-top: -15px;
  }

  .poPosition{
    padding-top: 100px!important;
  }

这就是我目前使用的所有内容。

Answer 1

我在 FireFox 中使用元素检查器解决了这个问题。我不得不修改这些值来调整分隔线的大小：

.item-inner{
min-height: 1px !important;
}

.label-md{
  margin-bottom: 1px!important;
  margin-top: 1px!important;
}

ion-item-divider{
  margin-top: 0px;
  min-height: 1px!important;
}