离子2：动态更改sass变量

Question

我使用Ionic 2，我想动态更改我的scss文件中的变量。

我有这个变量：

$tab-image : url('http://www.jqueryscript.net/images/Simplest-Responsive-jQuery-Image-Lightbox-Plugin-simple-lightbox.jpg');

我想在 .ts 文件中更改另一个网址以最终更改图片。我想在组件或提供商中更改它。

更重要的是，我想通过以下方式替换网址：

data:[my-file-type]';base64,[my-file-content]

问：有可能吗？

问：我该怎么做？

Answer 1

SASS是一个 pre 处理器，这意味着一旦处理完毕（在您的网页呈现之前），您就无法重新处理它。

您是否将background-image用作background-image？

您可以使用Here is a Fiddle为您的组件/节点动态添加/删除其他css类。这个具有不同的样式，覆盖任何值（如url(data:image/png;base64,[...]）。

您可以在CSS中使用image/png。要小心，IE7和8不支持这种语法（IE8确实如此，但内容非常小）。 （注意：htp.p ('<input type="text" name="student_id" placeholder="e.g. 000123456"'); htp.br; htp.p (' <input type="button" onclick="" value="Submit"'); 是为了示例。根据您的文件使用适当的MIME类型。