使用“ tns预览”

Question

我是nativescript的新手！而且我在nativescript网站上观看了“入门”视频课程。运行“ tns Preview”命令时，看不到css更改。我尝试使用内联CSS，它可以工作。但是，css更改不会在css文件中定义时反映出来。

在全局css文件中，我编写了以下CSS：

@import url("~/platform.css");

Page {
    background-color: blue;
    font-size: 25;
}

TextField {
    padding: 10;
    font-size: 13;
}

一些观察：

1. 当我注释掉导入时，仅应用TextField css，而不应用Page。 （我正在尝试从platform.ios.css文件导入CSS）

2. 我认为，无法找到platform.css文件，因为该文件不是在“ platforms”文件夹中生成的。

注意：我没有使用模拟器，因为我没有Mac，并且“ tns run ios”无法在Windows中运行，因此我必须使用iPhone预览应用程序。

请帮助我解决此问题。

Answer 1

我在这里做出一些假设来回答您的问题： 1.您正在使用NativeScript Core 2.您在platform.ios.css文件夹中有一个名为/app的文件，以及app.css文件（您的全局CSS文件）

请在app.css中更改您的导入语句，如下所示：

@import 'platform.css';

请注意：我也建议您在Windows上，在本地Android模拟器上尝试此操作。预览应用程序很棒，但是一旦您深入了解它就会有很多限制，有了本地模拟器可以使您更进一步。