安装Iron:router后,Material Design Lite布局已更改

时间:2015-07-13 11:49:46

标签: meteor iron-router material-design-lite

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

<head>...</head>

和另一个包含

<body>...</body>

我的设计看起来像这样:

Layout with full-height menu

添加iron:路由器后,仅<body>替换为<template name="layout"></body>替换为</template>

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

看起来像这样:

Broken layout with non full-height menu

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

可能是什么问题?

1 个答案:

答案 0 :(得分:1)

我有同样的问题。截至目前,使用mdl与铁路由器时存在一些问题。即使有没有使用mdl自定义标记触发Template.xyz.events的问题。

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

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

这个回购正在积极发展,支持流星中的mdl。请关注此回购以获取任何进展。

其他明智地使用像https://atmospherejs.com/materialize/materialize

这样的类似插件

它的材料设计就像mdl一样,我正在使用它来完成我的项目并没有问题