Monaca Onsen 2.0 ons-tabbar材料设计

时间:2016-01-07 09:49:05

标签: cordova material-design onsen-ui monaca

我正在使用新的Monaca Onsen 2.0制作材料设计应用程序,我使用ons-toolbar并且工作正常,但我无法理解如何使用ons-tabbar与材料,一些技巧?

<ons-toolbar modifier="material"> WORKS FINE </ons-toolbar>

<ons-tabbar modifier="material"> NOT WORKING WITH MATERIAL </ons-tabbar>

2 个答案:

答案 0 :(得分:0)

您的代码错误,因为<activity>应始终包含至少一个ons-tabbar

看看这个CodePen example,一切正常。

以下是代码:

ons-tab

答案 1 :(得分:0)

检查你的onsenui.js我实际上认为Monaca上的项目页面可能没有更新到最新的onsen ui 2.0。对我来说似乎就是这种情况。 它可以在第一行说:

/*! onsenui v2.0.0-beta - 2015-11-11 */

您可能需要像Andi Pavllo使用的那样更新

/*! onsenui v2.0.0-beta.2 - 2015-12-01 */

然而,Github上最新的Onsen UI 2.0实际上是

/*! onsenui v2.0.0-beta.5 - 2016-01-08 */

你不能只换掉安装整个软件包所需的js。

*编辑:我注意到在安装新软件包之后一切正常,但是当我尝试使用主题滚轮时,它又恢复到旧标签栏。因此可能不会更新主题滚轮。