SCSS 中的动态变量

Question

您好，我想根据在 Application.js 中找到的变量设置 url 动态。 Sof 如果变量为真，url 的路径应该是这样的：

"https:/asite/resources/mybackground.jpg"

否则它会直接从应用程序的资源文件夹中获取它：

"/resources/mybackground.jpg"

所以我需要在 url 中附加变量。问题是变量是在我的 Application.js 文件中找到的，而不是在另一个 scss 文件中。

我怎样才能做到这一点？

请在下面找到我的 css 代码：

.myviewport::after {
  background: url("/resources/mybackground.jpg") no-repeat;
  position: absolute;
  z-index: -1;
}

Answer 1

您可以在 jQuery 中完成：

if(need_change) { 
    $('.myviewport').css('background', 'url("the other URL")') 
}

// else you keep the current background

Dynamic variable in SCSS