Non è stato applicato il css Meteor e ionico

Question

Vorrei utilizzare il pacchetto meteoric per creare un'app molto semplice con meteor e framework ionico. Utilizzando il guide, ho creato il seguente molto semplice app:

Router.js:

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> 

I carichi app senza errori, e mostra il contenuto "Ciao Mondo!" senza alcun styling. Ad esempio, perché non viene mostrato iosNavBar?

Answer 1

Guarda le istruzioni di installazione per ionico-sass: https://github.com/meteoric/ionic-sass

Dice:

nel file di .scss della tua app:

@import ' .meteor/local/build/programmi/server/beni/pacchetti/meteoric_ionic-sass/ionica ';

Quindi, nell'applicazione Meteora, creare un file style.scss con la precedente dichiarazione di importazione. Ora dovresti vedere gli stili applicati correttamente.

Answer 2

per chi ancora trovare le icone mancanti aggiungere la seconda linea di importare ionicons

@import '.meteor/local/build/programmi/server/beni/pacchetti/meteoric_ionic-sass/ionica';

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

campione collegamento app referrence https://github.com/meteoric/contacts/blob/master/client/stylesheets/app.scss