0

尽管我可以在我的 android 移动设备上的 chrome 上查看托管在流星上的流星演示页面、所有组件演示、联系人应用程序，但我无法正确查看我的 Meteor + Ionic 应用程序（通过使用来自大气.js 的流星：离子包）在同一设备上。导航栏在 y 轴上非常窄，因此对于选项卡、对话框等。

即使调整大小，我也可以在桌面浏览器上正常查看它。

我已经按照这个 SO question中的说明导入了这些行。

我错过了一些观点还是这是一个问题？如果我错过了，那是什么？

我的应用程序.scss：

/* CSS declarations go here */

/* $loading-font-size: 22px; */

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

我的应用程序.js：

    if (Meteor.isClient) {
    Router.configure({
      layoutTemplate: 'AppLayout'
    });

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

if (Meteor.isServer) {
  Meteor.startup(function () {
    // code to run on server at startup
  });
}

我的应用程序.html：

<head>
  <title>evbul-ionic</title>
</head>

<body>

</body>

<template name="AppLayout">

  {{#ionBody}}
    {{> ionNavBar}}

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

</template>

<template name="tabs">
  {{#ionTabs class="tabs-positive tabs-icon-top"}}
    {{> ionTab title="News" path="news" iconOff="ios-paper" iconOn="ios-paper"}}
    {{> ionTab title="Todos" path="todos" iconOff="checkmark-circled" iconOn="checkmark-circled"}}
    {{> ionTab title="Profile" path="profile" iconOff="person" iconOn="person"}}
  {{/ionTabs}}
</template>
4

0 回答 0