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;
}