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
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.
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
- 1. Ionic 2 Fehlende Quelle zum Debuggen auf iOS-Gerät
- 2. Angular 2, Ionic 2
- 3. ionic 2: ionic run android zeigt fehler
- 4. Ionic 1 und Ionic 2 nebeneinander?
- 5. Ionic 2 Facebook-Login
- 6. Ionic 2 Alert Problem
- 7. Ionic 2 Picker Änderungsereignis
- 8. ionic 2 DatePicker
- 9. Ionic 2 Dateispeicher
- 10. ionic 2 Prompts Alarm
- 11. Dynamic ionic 2 Registerkarten
- 12. Ionic 2 und github
- 13. OnScroll-Ereignis Ionic 2
- 14. Ionic 2 Uhr Ortsfehler
- 15. mit LocalStorage ionic 2
- 16. Ionic 2 - Duplizieren Identifier
- 17. ionic 2 template reuse
- 18. Countdown auf Ionic 2
- 19. Ionic 2 + Mailgun Anhänge
- 20. ionic 2 Übersetzen Service
- 21. Ionic 2 und GeoFire
- 22. Pusher Hintergrund Ionic 2
- 23. Ionic 2 app.scss issue
- 24. Ionic 2 Cloud-Dienste
- 25. PhoneRTC in Ionic 2
- 26. Mit Ionic 2 LocalNotifications
- 27. Ionic 2 Liveleload
- 28. Update Ionic 2 Plattform
- 29. Benutzerdefinierte Schriftart Ionic 2
- 30. Threads in Ionic 2
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
Haben Sie etwas herausgefunden? Ich frage mich gerade jetzt –