Material 安装后 Design Lite 布局发生了变化 Iron:router

Material Design Lite layout has changed after installing Iron:router

我创建了一个流星项目并添加了 krazyeom:material-design-lite 包。然后我创建了 2 个简单的 html 文件,其中一个包含

<head>...</head>

和另一个包含

<body>...</body>

我的设计看起来像这样:

在我添加 iron:router 之后,仅将 <body> 替换为 <template name="layout">,将 </body> 替换为 </template>

Router.route('/', {name: 'layout'});

看起来像这样:

如您所见,设计现在不是 100% 高度;如果我调整到移动分辨率,它不会出现显示边栏的 3 行图标。

可能是什么问题?

好吧,我也有同样的情况 issues.As,现在在将 mdl 与 iron router 一起使用时出现了一些问题。即使 Template.xyz.events 没有使用 mdl 自定义标签触发也存在问题。

这个问题将很快得到解决(希望如此)

https://github.com/Zodiase/meteor-mdl

这个 repo 正在积极开发以支持 meteor 中的 mdl。请按照此 repo 进行任何改进。

否则使用类似的插件 https://atmospherejs.com/materialize/materialize

它的 material 设计像 mdl,我在我的几个项目中使用它并且没有任何问题