流星和离子 css 未应用

Question

我想使用 meteoric 包创建一个非常简单的应用程序，其中包含流星和 ionic 框架。使用guide，我创建了以下非常简单的应用程序：

Router.js：

Router.configure({
  layoutTemplate: 'layout'
});

Router.route('/', function () {
  this.render('MyTemplate');
});

模板.html：

<template name="layout">
    {{#ionBody}}
        {{> ionNavBar}}

        {{#ionNavView}}
            {{> yield}}
        {{/ionNavView}}

    {{/ionBody}}
</template>

<template name="myTemplate">
    {{#ionContent}}
        Hello World!
    {{/ionContent}}
</template>

应用加载无误，并显示内容“Hello World！”完全没有任何造型。例如，为什么没有显示 iosNavBar？

Answer 1

查看 ionic-sass 的安装说明： https://github.com/meteoric/ionic-sass

上面写着：

在您应用的 .scss 文件中：

@import '.meteor/local/build/programs/server/assets/packages/meteoric_ionic-sass/ionic';

因此，在您的流星应用程序中，使用上述导入语句创建一个 style.scss 文件。现在您应该看到正确应用的样式了。

Answer 2

对于那些仍然发现图标丢失的人，请添加第二行以导入 ionicons

@import '.meteor/local/build/programs/server/assets/packages/meteoric_ionic-sass/ionic';

@import '.meteor/local/build/programs/server/assets/packages/meteoric_ionicons-sass/ionicons';

示例应用参考链接 https://github.com/meteoric/contacts/blob/master/client/stylesheets/app.scss