我正在制作一个混合离子 phonegap 应用程序。我正在使用 sass 来定义颜色变量。
作为我的应用程序的一部分，我需要能够根据外部数据库中定义的内容更改颜色。
我知道如何连接到我的控制器中的服务器以返回 Json 数据。
我是否可以在我的 sass 文件中使用 HTTP 请求连接到服务器？
这样应用颜色可以根据数据库中保存的内容而改变？
非常感谢任何帮助。
【问题讨论】：
标签： angularjs json cordova ionic-framework sass
简短的回答是否定的。
您应该将您的 SCSS 转换为 CSS，以便您拥有您设置的任何内容。
实现类似目标的一种方法是利用 SCSS 主题。它的工作原理是简单地用不同的主题覆盖所有颜色变量。
$black: #000;
$white: #fff;
$red: #e2061c;
$gray-light: #c9c8c8;
$gray: #838282;
$gray-dark: #333333;
$blue: #253652;
然后您可以使用 Angular（或您正在使用的任何框架）根据您的用户选择的主题来切换样式表。
角度 -
<link rel="stylesheet" type="text/css" ng-href="{{user.theme}}.css">
SCSS -
文件夹结构
|- _scss/
|-|- _base/
|-|-|- _config.scss
|-|- _layouts/
|-|-|- _l-grid.scss
|-|-|- _l-default.scss
|-|- _modules/
|-|-|- _m-accordions.scss
|-|-|- _m-teasers.scss
|-|-_themes/
|-|-|- _light-theme/
|-|-|-|- light.scss
|-|- application.scss
This atrical goes into great detail on how to theme your applications
【讨论】：