在标头下方滑块，离子3中没有空格

Question

我想插入一个滑块就在标题下面(在离子内容内)。但是我从顶部，左边和右边得到了空白，如图中所示。

​

​

我的滑块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>

​

​

​

如何避免标题和滑块之间的空白？

Answer 1

可能是你的离子内容像这个<ion-content padding></ion-content>，删除填充和尝试。<ion-content></ion-content>