Meteor 流星和离子css不适用
我想使用该软件包创建一个非常简单的应用程序与流星和离子框架。使用,我创建了以下非常简单的应用程序: Router.js:Meteor 流星和离子css不适用,meteor,ionic-framework,Meteor,Ionic Framework,我想使用该软件包创建一个非常简单的应用程序与流星和离子框架。使用,我创建了以下非常简单的应用程序: Router.js: Router.configure({ layoutTemplate: 'layout' }); Router.route('/', function () { this.render('MyTemplate'); }); Templates.html: <template name="layout"> {{#ionBody}}
Router.configure({
layoutTemplate: 'layout'
});
Router.route('/', function () {
this.render('MyTemplate');
});
Templates.html:
<template name="layout">
{{#ionBody}}
{{> ionNavBar}}
{{#ionNavView}}
{{> yield}}
{{/ionNavView}}
{{/ionBody}}
</template>
<template name="myTemplate">
{{#ionContent}}
Hello World!
{{/ionContent}}
</template>
{{{离子体}
{{>ionNavBar}
{{{#ionNavView}
{{>产量}
{{/ionNavView}
{{/ionBody}
{{{#离子含量}
你好,世界!
{{/ionContent}
应用程序加载时没有错误,并且显示内容“Hello World!”,完全没有任何样式。例如,为什么不显示iosNavBar 查看离子型sass的安装说明: 它说: 在应用程序的.scss文件中: @进口 “.meteor/local/build/programs/server/assets/packages/meteoric_ionic-sass/ionic”
因此,在meteor应用程序中,使用上述导入语句创建一个style.scss文件。现在您应该可以看到正确应用的样式了。对于仍发现缺少图标的用户,请添加第二行以导入图标 @导入“.meteor/local/build/programs/server/assets/packages/meteoric_-ionic-sass/ionic” @导入“.meteor/local/build/programs/server/assets/packages/meteoric_-ionicons-sass/ionicons” 示例应用程序引用链接
我假设您手动添加了ionic sass软件包,以及fourseven:scss,是吗?另外,当您检查dom时,导航条div是否显示?@Ramsay Lanier:是的,我添加了以下软件包,如流星指南中所述:iron:router fourseven:scss meteoric:ionic sass meteoric:Ionics sass meteoric:ionic,潜水艇在那里,谢谢!成功了!如果您是手动编码路线和模板,也应明确包含在meteoric指南中。。。。对于从meteor开始的人,我强烈建议使用orion cli,因为它可以创建基本的应用程序结构,只需几下笔划即可为您生成路由和视图。参考文献