2017-02-17 8 views
0

Ich erstelle eine neue Ionic-App, die ich brauche viel Styling von einer alten App für. Die neue App ist ionisch 2, das alte ist ionisch 1. Die ionische 1 App zieht viele Stile aus lib/ionic/css/ionic.css. Ähnliches kann ich in der ionic 2 App nicht finden. Wo finde ich das? Muss ich nur die Datei kopieren? Und wird es Kollisionsprobleme mit ionischen 2 geben?Ionic 2 fehlende ionic.css-Datei

Antwort

0

Die CSS-Dateien befinden sich im Themenordner, app.core.scss, in dem Sie den Ordnerpfad definieren.

Zum Beispiel

-App 
--Pages 
---Login(folder inside pages) 
----Login.html 
----Login.js 
----Login.scss 
---MainPage(folder inside pages) 
--Theme 
---app.core.scss(inside theme folder) 

und den Ordnerpfad in app.core.scss definieren:

@import "../pages/Login/Login"; 

beachten Sie, dass die CSS-Stile in ionischen 2 getrennt sind, aber für meinen ionischen 2 Version gibt es Fälle, in denen die gleiche HTML-ID css durcheinander geraten, daher wäre es besser, verschiedene IDs für verschiedene Seiten zu haben.

+0

All diese Dateien sind da. Ich spreche über eine CSS-Datei in www/lib/ionic, die stark ausgelastet ist. Sieht aus wie eine Bibliothek, die von ionischen stammt. Ich frage mich, ob es eine ähnliche Sache in ionic 2 gibt. Im Grunde versuche ich, all das alte ionische Styling zu ziehen, damit ich nicht alles selber stylen muss. Aber es ist eine massive Datei und ich möchte keine Kollisionssituation zwischen ionischen 1 und ionischen 2 haben. – smokingoyster

+0

Haben Sie etwas herausgefunden? Ich frage mich gerade jetzt –

0

Mit welcher Vorlagevorlage haben Sie Ihre App erstellt? Die Struktur der Ordner und Dateien kann unterschiedlich sein. Aber die Idee ist, dass es mehrere .scss-Dateien in verschiedenen Ordnern gibt, die beim Erstellen/Bereitstellen der App in eine CSS-Datei kompiliert werden sollen.

Zum Beispiel könnte es Struktur, wie sie durch @Gene oder den wichtigsten SCSS Dateien angegeben in /app/app.scss und /theme/variables.scss sein könnte, und einzelne Komponenten SCSS in den Komponenten Verzeichnisse werden