vue.js - NativeScript + Vue：让用户选择配色方案

Question

这是我的app.scss：

// Import app variables
@import 'scss/app-variables-light';
@import 'scss/app-variables-dark';

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

如何让用户通过点击切换按钮在Dark&Light主题之间切换？

标签： vue.jsnativescriptcolor-scheme

Answer 1

您可以使用nativescript-themes插件。

用户在您的 UI 上选择主题后，applyTheme(...)使用 CSS 路径调用。如果您使用的是 SCSS，请确保将其编译为 CSS 并将其捆绑在一起。