react-weui icon indicating copy to clipboard operation
react-weui copied to clipboard

关于Tabbar的前端展示问题,被TabBody给挤下去,不知道是不是姿势不对?

Open lzp819739483 opened this issue 8 years ago • 2 comments

我的代码:

<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的内容挤出去了。

lzp819739483 avatar Sep 14 '16 07:09 lzp819739483

可以试试TabBody 高度设为auto

liu-code-hs avatar Jan 18 '17 06:01 liu-code-hs

把tab 所要放的容器,高度我给申明是100%了

archiewx avatar Apr 28 '17 01:04 archiewx