SCSS中的動態變量

Question

您好，我想根據我的Application.js中的變量設置url動態。 如果變量為true，則url的路徑應類似於：

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

否則，它將直接從應用程序的資源文件夾中獲取，如下所示：

"/resources/mybackground.jpg"

因此，我需要在網址中附加變量。 問題是該變量在我的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