2017-02-18 1 views
0

ここで私はmixinを少なくしたいと思っています。パラメータはbrandであり、[email protected]に変更する必要があります。以下のコードは動作しませんでした。mixinが少なく、backgroung-imageのURLを取得できません

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

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

エラーメッセージ -

enter image description here

+0

重複[LESSファイルの共通イメージのパスを設定する方法はありますか?](HTTP、あなたのケースで

、あなたは値"@{brand}@2x.png"を使用します://stackoverflow.com/questions/6294126/is-there-a-way-to-set-a-common-image-path-for-less-files) –

答えて

1

あなたは、変数と文字列を連結するためにvariable interpolationを使用する必要があります。

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

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

結果:の

.span { 
    background-image: url("[email protected]"); 
} 
+0

これは機能します。ここで私はそれをスタイラスと間違えています...ありがとう! – erikyu

関連する問題