moins mixin, ne peut pas obtenir l'URL de backgroung-image

Question

ici je veux créer un mélange moins. Le paramètre est marque et doit être changé en brand@2x.png. Le code ci-dessous n'a pas fonctionné.

.bglogo (@brand) { 
    @brandurl: @brand + '@2x.png'; 
    background-image: url(@brandurl); 
} 

.span{ 
    .bglogo('brand'); 
} 

message d'erreur -

Answer 1

Vous devez utiliser variable interpolation pour concaténer la variable et la chaîne.

Dans votre cas, vous devez utiliser la valeur "@{brand}@2x.png":

.bglogo (@brand) { 
    @brandurl: "@{brand}@2x.png"; 
    background-image: url(@brandurl); 
} 

.span { 
    .bglogo('brand'); 
} 

Résultat:

.span { 
    background-image: url("brand@2x.png"); 
}