离子4标签栏溢出 [英] Ionic 4 tab bar overflow

问题描述

我想要这样的布局:

但是得到了这个:

我的按钮正在按标签栏剪切. 我该如何解决?
我尝试为所有标签添加溢出:可见"，但这是行不通的.
我的模板:

My button is cutting by tab-bar. How I can solve this?
I try to add "overflow: visible" for all of tags, but it's doesn't work.
My template:

.place-button-wrapper{
    position: absolute;
    bottom: 20px;
}

<ion-tabs>
...
    <ion-tab-button tab="places">
      <div class="place-button-wrapper" >
        <img class="tabs-icon" src="assets/icons/mapiconelepse.png" alt="">
      </div>
    </ion-tab-button>
...
</ion-tabs>

推荐答案

我修复了在离子标签中添加包含:无"的问题.

I fix that just adding "contain: none" to my ion-tabs.

这篇关于离子4标签栏溢出的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！