在NativeScript上为表格和电话支持单独的CSS

时间:2018-12-24 14:01:54

标签: css nativescript nativescript-angular nativescript-plugin

我如何获得对多个屏幕(例如平板电脑和手机)的支持,以便在Angular的NativeScript中工作(我现在使用的是NS 5.1)?我目前正在尝试使用nativescript-platform-css插件,该插件在phone元素上创建类tabletPage类,然后按照以下方式提供不同的CSS:

.phone :host .photo {
  width:300;
}

.tablet :host .photo {
  height:600;
}

问题在于它在某些情况下可以正常工作,但在另一些情况下却不能(至少不是在角度上)。例如,在模态中它实际上并不能正常工作,而且我还发现了其他有问题的情况。

我当然可以通过插件创建的nsPlatform.deviceType全局变量以编程方式应用CSS,但这似乎不是那么“干净”,并且在每个我希望避免的组件上都需要一些代码。

docs中的“多屏幕”部分提到它不适用于Angular和Webpack构建(尽管AFAIK该项目现在默认情况下正在移至Webpack)。

感谢任何有贡献的想法!

0 个答案:

没有答案