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,我在我的几个项目中使用它并且没有任何问题
我创建了一个流星项目并添加了 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,我在我的几个项目中使用它并且没有任何问题