Html 标题下方的滑块，在ionic 3中没有任何空格

我想在标题下方插入一个滑块（在ion内容内）。但我从顶部、左侧和右侧得到了空白，如图所示

我的滑块HTML代码是

 <ion-navbar color="river">

<ion-row>

      <ion-col width-10 style="text-align: right">
        <button ion-button icon-only (click)="shop();"  color="yel" clear end>
          <ion-icon name="cart"></ion-icon>
        </button>
      </ion-col>

      <ion-col width-10 style="text-align: center">
        <button ion-button  icon-only (click)="product();"  color="yel" clear end>
          <ion-icon name="pricetag"></ion-icon>
        </button>
      </ion-col>

      <ion-col width-10 style="text-align: left">
        <button ion-button  icon-only (click)="feedback();"  color="yel" clear end>
          <ion-icon name="md-chatbubbles"></ion-icon>
        </button>
      </ion-col>
    </ion-row>

---

如何避免页眉和滑块之间出现空白？

可能是您的离子内容，如下所示

，请删除填充，然后重试

可能是您的离子内容，如下图所示，请移除填充物并重试<代码>