html - 父元素上的 Ionic 4 制表符切割

Question

我试图将 ion-tab-button 向上移动一点，放置绝对位置，顶部 -30px 并且溢出可见，但这些都不起作用。我已经尝试将 contains none 放在 ion-tabs 上（这是堆栈溢出中用户的解决方案），但也没有工作。

PS1。即使我尝试创建一个新的 Ionic 4 项目，但它也不起作用。

PS2。我在 Ionic 3 上取得了成功

任何人都可以帮助我吗？

标签： htmlcssionic-frameworkionic4

Answer 1

我可以通过简单地将 ion-tab-button 元素放在 ion-tab-bar 之外并在 css 下面添加来解决这个问题。

ion-tab-button{
  position: absolute !important;
  bottom: 0.5vh;
  z-index: 999;
  height: auto;
}

.tab-1 {
  left: 5%;
}

.tab-2 {
  left: 31%;
}

.tab-3 {
  left: 54%;
}

.tab-4 {
  left: 79%;
}

谢谢