Question

我使用初始化了一个新项目

tns create <project_name> --vue

所以我有文件~/App/app.scss

// Import app variables
@import 'app-variables';

// Import the theme’s main ruleset - both index and platform specific.
@import '~nativescript-theme-core/scss/index';
@import '~nativescript-theme-core/scss/platforms/index.android';

// Import common styles
@import 'app-common';

我想尝试一种主题，例如“ aqua”或“ brown”。

我必须添加和/或更改什么？

Answer 1

打开_app-variables.scss是在开始时发现的

@import '~nativescript-theme-core/scss/light';

我更改为

@import '~nativescript-theme-core/scss/brown';

然后评论所有变量的替代。

然后在我的Home.vue的{{1}}部分中，评论了style的使用。

通过这种方式，我可以简单地使用$dark_accent的第一行来切换主题

Nativescript-vue：如何使用默认app.scss应用新主题？

1 个答案: