Question

我正在尝试创建一个在一个页面上同时具有标签栏和工具栏的简单应用程序，但每次创建工具栏时，它都会放在内容的前面而不进行格式化。我有tabbar，看起来像这样：

<ons-tabbar>
        <ons-tab page="partials/info.html" active="true" icon="fa fa-bar-chart-o" label="Info">
        </ons-tab>
        <ons-tab page="partials/history.html" active="true" icon="fa fa-info-circle" label="History">
        </ons-tab>
        <ons-tab page="partials/contact.html" active="true" icon="fa fa-user" label="Contact">
        </ons-tab>
        <ons-tab page="partials/settings.html" active="true" icon="ion-gear-a" label="Settings">
        </ons-tab>
    </ons-tabbar>

标签栏功能齐全，但是当我尝试在它上方放置一个ons-tool栏时，它会错误地显示错误的文本格式以及部分工具栏的所有内容：

<ons-toolbar fixed-style>
        <div class="left">
            Brand Name
        </div>
        <div class="right">
            Info 1: dsadas
            Info 2: adsadas
        </div>
</ons-toolbar>

有没有办法纠正这样做？或者，我真的不需要工具栏的全部功能（虽然它会很棒）;我真正需要的只是一个＆＃34; strip＆＃34;将height: 30px and width: 100%静态放置在应用程序的顶部以放置一些信息或数字。当我使用ons-page和我的部分内容时，它似乎只是被整个时间覆盖....

将ons-tabbar和ons-toolbar放在一起

0 个答案: