0

meteor でホストされている meteor のデモ ページ、すべてのコンポーネントの demo、連絡先アプリを Android モバイル デバイスの chrome で表示できますが、Meteor + Ionic アプリを表示できません (atmeoric:ionic パッケージを Atmoom.js から使用) が正しく表示されませんこの同じデバイスで。Navbar は y 軸が非常に狭いため、タブ、ダイアログなどに使用できます。

サイズを変更しても、デスクトップ ブラウザーで正常に表示できます。

この SO questionに記載されているように、行をインポートしました。

私はいくつかのポイントを逃していますか、それともこれは問題ですか? 私が逃した場合、それは何ですか？

my-app.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';

my-app.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
  });
}

my-app.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