我创建了一个流星项目并添加了krazyeom:material-design-lite包。然后我创建了2个简单的html文件,其中一个包含
<head>...</head>
和另一个包含
<body>...</body>
我的设计看起来像这样:
添加iron:路由器后,仅<body>
替换为<template name="layout">
,</body>
替换为</template>
。
Router.route('/', {name: 'layout'});
看起来像这样:
正如您所看到的,设计现在不是100%高度;如果我调整为移动分辨率,则不会出现显示侧边栏的3行图标。
可能是什么问题?
答案 0 :(得分:1)
我有同样的问题。截至目前,使用mdl与铁路由器时存在一些问题。即使有没有使用mdl自定义标记触发Template.xyz.events的问题。
这个问题很快就会得到解决(希望如此)
https://github.com/Zodiase/meteor-mdl
这个回购正在积极发展,支持流星中的mdl。请关注此回购以获取任何进展。
其他明智地使用像https://atmospherejs.com/materialize/materialize
这样的类似插件它的材料设计就像mdl一样,我正在使用它来完成我的项目并没有问题