始终在离子含量下的离子脚注中的离子工厂

Question

我在页面的离子页脚中添加了2个ion-fab按钮，但是这里的问题是看起来好像在离子含量之后。 我试图添加一个疯狂的z-index，但是它不起作用。 我怎么了？

谢谢！

亲切的问候，

Leander

<ion-footer class="footer-section flex justify-center items-center">
  <ion-toolbar>
      <ion-fab left class="icon icon-search">
        <button ion-fab (click)="searchProduct()">
          <svg class="icon icon--search">
            <use xlink:href="assets/icon/magazijnapp-icons.svg#icon-search"></use>
          </svg>
        </button>
      </ion-fab>
      <ion-fab right class="icon icon-qrcode">
        <button ion-fab (click)="scanProduct()">
          <svg class="icon icon--qrcode">
            <use xlink:href="assets/icon/magazijnapp-icons.svg#icon-qrcode"></use>
          </svg>
        </button>
      </ion-fab>
  </ion-toolbar>
</ion-footer>

Answer 1

您已经在ion-fab之后直接使用ion-content，并在ion-fab中使用了left bottom和right bottom属性

<ion-content>
...
</ion-content>

</ion-content>
<ion-fab left bottom class="icon icon-search">
    <button ion-fab (click)="searchProduct()">
        <svg class="icon icon--search">
            <use xlink:href="assets/icon/magazijnapp-icons.svg#icon-search"></use>
        </svg>
    </button>
</ion-fab>
<ion-fab right bottom class="icon icon-qrcode">
    <button ion-fab (click)="scanProduct()">
        <svg class="icon icon--qrcode">
            <use xlink:href="assets/icon/magazijnapp-icons.svg#icon-qrcode"></use>
        </svg>
    </button>
</ion-fab>