Question

我正在创建一个新的Ionic应用程序，我需要从旧应用程序中获取大量样式。新的应用程序是离子2，旧的是离子1.离子1应用程序从lib / ionic / css / ionic.css中提取了很多样式。我在离子2应用程序中找不到类似的东西。我在哪里找到这个？我只需要复制文件吗？离子2会发生碰撞问题吗？

Answer 1

css文件位于主题文件夹app.core.scss下，您可以在其中定义文件夹路径。

例如，

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

并在app.core.scss中定义文件夹路径：

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

请注意，css样式在离子2中是分开的，但对于我的离子2版本，有些情况下相同的html ID css混淆了，因此为不同的页面设置不同的ID会更好。

Answer 2

您使用什么样板模板来创建应用？文件夹和文件可能有不同的结构。但是我的想法是，在构建/提供应用程序时，应该将不同文件夹中的大量.scss文件编译成一个css文件。

例如，可能存在@Gene指示的结构，或者主scss文件可能位于/app/app.scss和/theme/variables.scss中，并且各个组件scss将位于组件目录中

Ionic 2缺少ionic.css文件

2 个答案: