youzan / vant

A lightweight, customizable Vue UI library for mobile web apps.

Home Page:https://vant-ui.github.io/vant/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

[Bug Report] Tabbar 的placerholder 跟预期的不一样, 位置没有跟ftabbar 重叠

Marszht opened this issue · comments

commented

Reproduction Link

https://codesandbox.io/p/devbox/vue-vant-q6mc9h?file=%2Fsrc%2Fcomponents%2FHelloWorld.vue%3A20%2C46

Vant Version

4.8.11

Describe the Bug

Tabbar 的placerholder 跟预期的不一样, 位置没有跟tabbar 重叠。
请问tabbar 这个 placerholder 的作用是什么?
image

Reproduce Steps

  <Tabbar v-model="active" fixed placeholder>
    <TabbarItem name="home" icon="home-o">标签</TabbarItem>
    <TabbarItem name="search" icon="search">标签</TabbarItem>
    <TabbarItem name="friends" icon="friends-o">标签</TabbarItem>
    <TabbarItem name="setting" icon="setting-o">标签</TabbarItem>
  </Tabbar>

Device / Browser

No response

这个就是预期,占位作用。
如果没有这个等高的占位空div,当文档很长需要滚动时,滚动到最底部的时候 Edit components/HelloWorld.vue to test HMR 这部分就可能会被 tabbar 遮挡

commented

这个就是预期,占位作用。 如果没有这个等高的占位空div,当文档很长需要滚动时,滚动到最底部的时候 Edit components/HelloWorld.vue to test HMR 这部分就可能会被 tabbar 遮挡

哦哦,好的谢谢解答