react-weui
react-weui copied to clipboard
关于Tabbar的前端展示问题,被TabBody给挤下去,不知道是不是姿势不对?
我的代码:
<Tab>
<TabBody>
<section>
<title>test</title>
<h1>test1</h1>
<p>
TabBarItemTabBarItem<br/>
TabBarItemTabBarItem<br/>TabBarItemTabBarItem<br/>TabBarItemTabBarItem<br/>TabBarItemTabBarItem<br/>
TabBarItemTabBarItem<br/>TabBarItemTabBarItem<br/>TabBarItemTabBarItem<br/>TabBarItemTabBarItem<br/>
TabBarItemTabBarItem<br/>TabBarItemTabBarItem<br/>TabBarItemTabBarItem<br/>TabBarItemTabBarItem<br/>
TabBarItemTabBarItem<br/>TabBarItemTabBarItem<br/>TabBarItemTabBarItem<br/>TabBarItemTabBarItem<br/>
TabBarItemTabBarItem<br/>TabBarItemTabBarItem<br/>TabBarItemTabBarItem<br/>TabBarItemTabBarItem<br/>
TabBarItemTabBarItem<br/>TabBarItemTabBarItem<br/>TabBarItemTabBarItem<br/>TabBarItemTabBarItem<br/>
TabBarItemTabBarItem<br/>TabBarItemTabBarItem<br/>TabBarItemTabBarItem<br/>TabBarItemTabBarItem<br/>
TabBarItemTabBarItem<br/>TabBarItemTabBarItem<br/>TabBarItemTabBarItem<br/>TabBarItemTabBarItem<br/>
</p>
</section>
</TabBody>
<TabBar>
<TabBarItem>
<TabBarLabel>测试</TabBarLabel>
</TabBarItem>
</TabBar>
</Tab>
显示效果为,测试
这个tabBarLabel被 body的内容挤出去了。
可以试试TabBody 高度设为auto
把tab 所要放的容器,高度我给申明是100%了