Ionic 2：动态更改sass变量

2017-02-22 68 views 2 likes

我使用Ionic 2，并且想要动态更改我的scss文件上的变量。Ionic 2：动态更改sass变量

我有这个变量：

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

我想另一个在的.ts文件更改URL，以finaly改变图片。我想在组件或提供者中更改它。

更多了，我想somethink像更换网址：

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

问：这是可能的吗？

问：我怎么能这样做？

来源

2017-02-22 V. Pivet

回答

SASS是pre -processor，这意味着一旦它已经被处理（在你的网页被渲染之前），你就不能重新处理它。

您是否用$tab-image作为background-image？

您可以使用NgClass来动态添加/删除额外的css类到您的组件/节点。这个有不同的风格，覆盖任何值（如background-image）。您可以在CSS中使用url(data:image/png;base64,[...]。要小心，IE7和8不支持这种语法（IE8，但内容非常小）。（注：image/png仅用于示例，根据您的文件使用适当的MIME类型）。

来源

2017-02-22 11:43:59 VinceOPS

哦，好的！我想修改我的选项卡按钮中的选项卡图标。我创建这个变量有一个自定义图标。当我的用户更改时，我想用他的个人资料图片设置此图标。我不知道NgClass是否可以帮助我，因为我在课堂上讲授课程。 –

Ionic 2：动态更改sass变量

回答

相关问题