带空白的 Ionic2 范围 space

Question

如何删除更新间隔下的行和范围本身之间的space？

我的代码：

<div class="range">
  <ion-list>
    <ion-list-header>
      update interval
      <ion-badge item-right>{{timePeriod}}</ion-badge>
    </ion-list-header>
    <ion-item>
      <ion-range min="1" max="60" [(ngModel)]="timePeriod">
        <ion-label range-left>1</ion-label>
        <ion-label range-right>60</ion-label>
      </ion-range>
    </ion-item>
  </ion-list>
</div>

顺便说一句 - 在 Ionic2 中将元素放入标签内可以吗？

Answer 1

ion-list-header 元素有一个 margin-bottom，因此您可以将其设置为 0 以将其删除：

ion-list-header.list-header { margin-bottom: 0; }

带空白的 Ionic2 范围 space

Ionic2 range with blank space

ionic2

ionic3